demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉 以下为地市数据json格式,可使用ajax获取或者做成ashx/asmx服务也可直接保存为js文件,可根据你的地市数据调整格式,并修改对应源码 复制代码 代码如下: var _ds_data=[ { id:0, name:"u5317u4EAC", city:[ { id:1, name:"u5317u4EACu5E02", area:[{id:1,name:"u4E1Cu57CEu533A"},{...},{...}...] },...] } 为防止乱码,使用了unicode编码,转换代码如下: 复制代码 代码如下: /// <summary> /// 将原始字串转换为unicode,格式为u....u.... /// </summary> public static string StringToUnicode(string srcText) { string dst = ""; char[] src = srcText.ToCharArray(); for (int i = 0; i < src.Length; i++) { byte[] bytes = Encoding.Unicode.GetBytes(src[i].ToString()); string str = @"u" + bytes[1].ToString("X2") + bytes[0].ToString("X2"); dst += str; } return dst; } /// <summary> /// 将Unicode字串u....u....格式字串转换为原始字符串 /// </summary> public static string UnicodeToString(string srcText) { string dst = ""; string src = srcText; int len = srcText.Length / 6; for (int i = 0; i <= len - 1; i++) { string str = ""; str = src.Substring(0, 6).Substring(2); src = src.Substring(6); byte[] bytes = new byte[2]; bytes[1] = byte.Parse(int.Parse(str.Substring(0, 2), NumberStyles.HexNumber).ToString()); bytes[0] = byte.Parse(int.Parse(str.Substring(2, 2), NumberStyles.HexNumber).ToString()); dst += Encoding.Unicode.GetString(bytes); } return dst; } http://xiazai.jb51.net/201002/yuanma/cityselector.rar打包下载地址
推荐阅读
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
简介 实现类似于Photoshop控制面板输入文本数字的效果,所以名称叫做PsWheel。用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数、小数类型输入文本。 兼容IE/Firefox/Opera/Safari/Chrom 可定义>>>详细阅读
本文标题:js 省地市级联选择
地址:http://www.17bianji.com/kaifa2/JS/27100.html
1/2 1