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 面向对象全新理练之继承与多态
Dec 03 Javascript
在chrome中window.onload事件的一些问题
Mar 01 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
Jul 30 Javascript
JavaScript事件详细讲解
Jun 27 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
jQuery中库的引用方法
Jan 06 jQuery
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
vue中是怎样监听数组变化的
Oct 24 Javascript
js调用网络摄像头的方法
Dec 05 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
如何开始收听短波广播
2021/03/01 无线电
一个从别的网站抓取信息的例子(域名查询)
2006/10/09 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
php定时执行任务设置详解
2015/02/06 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
2010/08/13 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
table行随鼠标移动变色示例
2014/05/07 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
python笔记(2)
2012/10/24 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
英国办公用品商店:Office Outlet
2018/04/04 全球购物
办公室主任职责范文
2013/11/08 职场文书
车间班长岗位职责
2013/11/30 职场文书
司法助理专业自荐书
2014/06/13 职场文书
2014年禁毒工作总结
2014/11/24 职场文书
工作简历自我评价
2015/03/11 职场文书
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android
代码复现python目标检测yolo3详解预测
2022/05/06 Python