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 相关文章推荐
javascript实现完美拖拽效果
May 06 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
js实现带箭头的进度流程
Mar 26 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
js实现日历
Nov 07 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
php数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
php 微信公众平台开发模式实现多客服的实例代码
2016/11/07 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
提高网站信任度的技巧
2008/10/17 Javascript
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
javascript深拷贝(deepClone)详解
2016/08/24 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
python中assert用法实例分析
2015/04/30 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python实现文本界面网络聊天室
2018/12/12 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
平面设计的岗位职责
2013/11/08 职场文书
初中同学聚会邀请函
2014/02/03 职场文书
《学棋》教后反思
2014/04/14 职场文书
创业融资计划书
2014/04/25 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
社区重阳节活动总结
2015/03/24 职场文书
vue项目多环境配置(.env)的实现
2021/07/21 Vue.js
Pygame Event事件模块的详细示例
2021/11/17 Python
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫
java版 联机五子棋游戏
2022/05/04 Java/Android