js 省地市级联选择


Posted in Javascript onFebruary 07, 2010

demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况
demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉
以下为地市数据json格式,可使用ajax获取或者做成ashx/asmx服务也可直接保存为js文件,可根据你的地市数据调整格式,并修改对应源码

var _ds_data=[ 
{ 
id:0, 
name:"\u5317\u4EAC", 
city:[ 
{ 
id:1, 
name:"\u5317\u4EAC\u5E02", 
area:[{id:1,name:"\u4E1C\u57CE\u533A"},{...},{...}...] 
},...] 
}

为防止乱码,使用了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.3water.com/201002/yuanma/cityselector.rar
打包下载地址
Javascript 相关文章推荐
使用jQuery简化Ajax开发 Ajax开发入门
Oct 14 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
JS中的事件委托实例浅析
Mar 22 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
js 自定义的联动下拉框
Feb 07 #Javascript
比较搞笑的js陷阱题
Feb 07 #Javascript
javascript 鼠标拖动图标技术
Feb 07 #Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 #Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
Feb 07 #Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 #Javascript
一些mootools的学习资源
Feb 07 #Javascript
You might like
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
vue一个页面实现音乐播放器的示例
2018/02/06 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
2018/09/05 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
vue 自定义右键样式的实例代码
2019/11/06 Javascript
vue实现页面切换滑动效果
2020/06/29 Javascript
Python实现二维有序数组查找的方法
2016/04/27 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
关于阿里云oss获取sts凭证 app直传 python的实例
2019/08/20 Python
Python 50行爬虫抓取并处理图灵书目过程详解
2019/09/20 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
jupyter notebook 增加kernel教程
2020/04/10 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
说出你对remoting 和webservice的理解和应用
2014/06/08 面试题
经销商会议欢迎词
2014/01/11 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
中药学专业求职信
2014/05/31 职场文书
500字小学生检讨书
2015/02/19 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python