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游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
Feb 13 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 Javascript
JS实现简易贪吃蛇游戏
Aug 24 Javascript
Express 配置HTML页面访问的实现
Nov 01 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
用php解析html的实现代码
2011/08/08 PHP
一个PHP的QRcode类与大家分享
2011/11/13 PHP
如何学习Javascript入门指导
2013/11/01 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
Vue.js中数据绑定的语法教程
2017/06/02 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
python中的多重继承实例讲解
2014/09/28 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
django之session与分页(实例讲解)
2017/11/13 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
python requests 测试代理ip是否生效
2018/07/25 Python
Django添加feeds功能的示例
2018/08/07 Python
最新Python idle下载、安装与使用教程图文详解
2020/11/28 Python
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
出纳担保书范文
2014/04/02 职场文书
高三毕业寄语
2014/04/10 职场文书
2014中考励志标语
2014/06/05 职场文书
全国法制宣传日活动总结2014
2014/11/01 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android
Python尝试实现蒙特卡罗模拟期权定价
2022/04/21 Python