asp.net 实现省市级联-----<简单方法2>----前台实现
2012-06-18 15:07
453 查看
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #_body { } </style> <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> <script type="text/javascript"> var json = { "河北省": ["石家庄", "邯郸", "保定"], "河南省": ["郑州", "洛阳", "安阳"], "山东省": ["济南", "青岛", "德州"] } $(function () { loadPro(json); }) function loadPro(json) { var $select = $("#province"); for (var key in json) { var $option = $("<option>" + key + "</option>") $select.append($option); } } function loadcity() { //1.获取当前选择的值,2,遍历3,添加 var $pro = $("#province"); var $city = $("#city"); var key_v = $pro.val(); var citys = json[key_v]; var city = $city.get(0); city.innerHTML = ""; for (var i = 0; i < citys.length; i++) { var $option = $("<option>" + citys[i] + "</option>") $city.append($option); } } </script> </head> <body id="_body"> <select id="province" onchange="loadcity()"> </select> <br /> <select id="city"> </select> </body> </html>
相关文章推荐
- asp.net 实现省市级联-----<简单方法1>
- 【C#】对异步请求处理程序IHttpAsyncHandler的理解和分享一个易用性封装 【手记】走近科学之为什么明明实现了IEnumerable<T>的类型却不能调用LINQ扩展方法 【手记】手机网页弹出层后屏蔽底层的滑动响应 【手记】ASP.NET提示“未能创建类型”处理 【Web】一个非常简单的移动web消息框 【手记】解决EXCEL跑SQL遇“查询无法运行或数据库表无法打开...”
- asp.net 前台绑定后台变量方法总结<转帖>
- asp.net 前台绑定后台变量方法总结:<%= %> 和<%# %>的区别
- [转]asp.net 前台绑定后台变量方法总结:<%= %> 和<%# %>的区别
- asp.net 前台绑定后台变量方法总结:<%= %> 和<%# %>的区别
- [转]asp.net 前台绑定后台变量方法总结:<%= %> 和<%# %>的区别
- 大家来看ASP.net中两种方法实现简单的购物车
- ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器<from Copying>
- asp.net 常用字符串过滤方法 <转>
- 如何实现IEnumerable<T>和IEnumerator接口,一个ASP.NET MVC日志模型的实现
- ASP.NET实现公历转农历的简单方法
- session + List<T> 实现购物车(asp.net mvc)
- ASP.NET实现根据IP获取省市地址的方法
- asp.net core 实现一个简单的仓储的方法
- asp.net webform实现mvc的简单方法
- Asp.net读取AD域信息的方法<转>
- ASP.NET实现根据IP获取省市地址的方法
- Asp.Net使用POST方法最简单的实现
- ASP.NET中使用 Response.Write("<script>alert('****');</script>");后CSS界面发生变化的解决方法 (经验证)