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 相关文章推荐
实现连缀调用的map方法(prototype)
Aug 05 Javascript
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
May 29 Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
jQuery实现大图轮播
Feb 13 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 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环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
Laravel5.4框架中视图共享数据的方法详解
2019/09/05 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
Prototype使用指南之dom.js
2007/01/10 Javascript
javascript 面向对象编程 function也是类
2009/09/17 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
vue下拉列表功能实例代码
2018/04/08 Javascript
深入理解Vue router的部分高级用法
2018/08/15 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
微信小程序 setData 对 data数据影响问题
2019/04/18 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
python绘制圆柱体的方法
2018/07/02 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
python实现二分类的卡方分箱示例
2019/11/22 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
Python autoescape标签用法解析
2020/01/17 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
如何利用CSS3制作3D效果文字具体实现样式
2013/05/02 HTML / CSS
CSS实现定位元素居中的方法
2015/06/23 HTML / CSS
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
单位介绍信范文
2014/01/18 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
政治思想表现评语
2014/05/04 职场文书
2014年卫生院工作总结
2014/12/03 职场文书
给老师的一封感谢信
2015/01/20 职场文书
大学生自我评价范文
2015/03/03 职场文书
房地产财务经理岗位职责
2015/04/08 职场文书
写作指导:怎么书写竞聘演讲稿?
2019/07/04 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis