js 省地市级联选择

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编码,转换代码如下:

复制代码 代码如下:

///

/// 将原始字串转换为unicode,格式为\u....\u....

///

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;

}

///

/// 将Unicode字串\u....\u....格式字串转换为原始字符串

///

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.phpstudy.net/201002/yuanma/cityselector.rar

打包下载地址相关阅读:

Oracle中用户profile的用法

解决RHAS3中Apache2的PHP上传文件大小的限制

javascript操作文本框readOnly

请php正则走开

CSS滑动门Sliding door详解

技巧:解决Ubuntu 7.10启动慢的问题

让CSS代码更具有易维护性

用ASP显示ACCESS数据库的的GIF图象

动态CSS,换肤技术

SQL SERVER数据库口令的脆弱性

琥珀无限级分类联动菜单AJAX版

CSS:何制作一个向各个方向延展box?

CSS实现强制浏览器分页

利用PHP实现智能文件类型检测的实现代码

用php做省的选择,JavaScript相关推荐

  1. 想做web开发 就学JavaScript

    想做web开发 就学JavaScript   有一天我被问到,为了快速地在 web 开发工作上增加优势,应该学习什么语言.我的思绪回到了大学,那时候我用 Pascal.Fortran.C和汇编语言,不 ...

  2. 中国省份城市级联选择--JavaScript

    原文地址为: 中国省份城市级联选择--JavaScript 前一段做了一个小程序居然都用到列表框选择城市,一直都是在里面直接编辑项,这样没做一次都要写那么多的城市名,真是让人有崩溃的冲动,网上也有很多 ...

  3. 梅花雨做的一个日历 Javascript 页面脚本控件

    梅花雨做的一个日历 Javascript 页面脚本控件 比较好用,背景颜色可以自己用替换的形式改 //------------------------------------------------- ...

  4. 企业做直播如何选择好的直播平台?需要考虑哪些方面?

    企业做直播如何选择好的直播平台?需要考虑哪些方面?我将从功能需求.可靠性与稳定性.用户体验.技术能与售后服务能力等方面进行综合考虑,帮助您做出明智的决策,或是说提供选型方面的参考. 企业在选择一家直播 ...

  5. javascript做表_使用JavaScript构建HTML表

    javascript做表 In this article I will demonstrate three ways of creating and populating an HTML table ...

  6. 做后台是选择Java 、Go ,还是 PHP?

    温馨提示 请拖动到文章末尾,长按识别「抽奖」小程序.现金红包等你来拿. [公众号回复"1024",送你一个特别推送] 我们都知道,大部分有过4年以上的工作经验的前端最起码接触过后台 ...

  7. 做Tiktok如何选择地区?

    费尽心思搭好环境之后,又到了关键时刻,选哪个区.发什么视频,这两个问题非常关键. 虽然Tiktok的内容是面向除中国外全球范围的,Tiktok的推荐机制除了用户标签以外,还有地区,先在本地推荐,然后一 ...

  8. 国庆长假前不妨先来做完这份 JavaScript 测验吧!因为......

    Hello大家好!度过今天,明天就可以放长假了,当然了,不过,在这之前,不妨先来做做这份小编特地给大家精心挑选的 JavaScript 测验吧,因为那样的话,你国庆就会激励自己不忘学习提升自己拉! 方 ...

  9. js+php做省份城市选择,三级联动,前后端简单交互,最详细

    需要先安装xampp,,免费的软件,然后运行apache,我安装的英文版 没有红色或×或者报错,就能正常运行,如果软件有报错问题,可以网上搜索相关解决方案,都有. 文件我写了四个,一个html,三个p ...

最新文章

  1. [USACO]奶牛博览会(DP)
  2. 一步一步深入理解Dijkstra算法
  3. Python学习——常见的字符串匹配
  4. 潍坊学院的计算机类怎么样,潍坊学院教育技术学专业怎么样?有知道的麻烦说下,谢谢!...
  5. 期望最大化(EM)算法真如用起来那么简单?
  6. 【读书笔记】--- 《码出高效:java开发手册》
  7. 走近华为“天才少年”钟钊:入职两年两度突破业界学界极限
  8. powerdesigner导出mysql数据库表结构到Excel
  9. C++中的struct与class继承方式
  10. Spring 官方又孵化了个顶级项目,或将改变前后端API现状!
  11. (android开发http拦截)fiddler2抓包工具
  12. 计算机绘图cad期末考试试题,20年广东理工学院成人高考期末考试 计算机绘图(AutoCAD) 复习资料.pdf...
  13. matlab数学建模-遗传算法基本原理
  14. 并发编程之循环屏障CyclicBarrier
  15. mac常见问题(五) Mac 无法开机
  16. label mpchart 饼图_ECharts饼图属性设置
  17. Moho Pro - Mac 上一款专业的二维动画制作软件,强大的功能让你尽情发挥创意
  18. Camera Framework 分析
  19. 面试感悟----一名3年工作经验的程序员应该具备的技能(转载自@五月的仓颉)...
  20. Linux学习笔记:什么是x86

热门文章

  1. 【商品详情 +关键词搜索】API 接口系列
  2. 热释电人体探测模块HC-SR501
  3. ffmpeg视频滤镜
  4. 网上零食在线商城系统
  5. Unity ToLua热更框架使用教程(1)
  6. http缓存相关理论
  7. 理解HTTP缓存和304状态码
  8. 关于无障碍,我们都想错了什么?
  9. 商家注意:2017天猫双11发货规则详解
  10. 计算机常见故障英语,计算机常见的故障及处理方法