文档章节

JavaScript 省市级联效果

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:16
字数 359
阅读 5
收藏 0

JavaScript 省市级联效果

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>省市级联效果</title>
 5 
 6     <script type="text/javascript">
 7         function show() {
 8             var citys = new Array();
 9             citys["湖北省"] = ["襄樊市", "武汉市", "随州市", "荆门市", "黄石市", "恩施市", "咸宁市", "仙桃市", "十堰市", "孝感市", "利川市"];
10             citys["湖南省"] = ["长沙市", "吉首市", "湘潭市", "益阳市", "津市市", "洪江市", "怀化市", "冷水江市", "衡阳市", "郴州市", "永州市", "邵阳市", "岳阳市"];
11             citys["广东省"] = ["广州市", "深圳市", "佛山市", "汕头市", "珠海市", "韶关市", "江门市", "湛江市", "惠州市", "中山市", "东莞市"];
12             citys["北京市"] = ["朝阳区", "丰台区", "崇文区", "宣武区", "海淀区", "顺义区", "平谷区", "怀柔区", "房山区", "东城区", "西城区"];
13 
14             document.getElementById("shi").options.length = 1;
15             var sheng = document.getElementById("sheng").value;
16             var newCity;
17             if (sheng != "-=请选择=-") {
18                 for (var i = 0; i < citys[sheng].length; i++) {
19                     newCity = new Option(citys[sheng][i], citys[sheng][i]);
20                     document.getElementById("shi").options.add(newCity);
21                 }
22             }
23         }
24     
25     </script>
26 
27 </head>
28 <body>
29     <div>
30         <select id="sheng" onchange="show()">
31             <option value="-=请选择=-">-=请选择=-</option>
32             <option value="湖北省">湖北省</option>
33             <option value="湖南省">湖南省</option>
34             <option value="广东省">广东省</option>
35             <option value="北京市">北京市</option>
36         </select>
37         <select id="shi">
38             <option>-=请选择=-</option>
39         </select>
40     </div>
41 </body>
42 </html>

 

© 著作权归作者所有

Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
私信 提问

暂无文章

堆”和“栈

C++作为一款C语言的升级版本,具有非常强大的功能。它不但能够支持各种程序设计风格,而且还具有C语言的所有功能。我们在这里为大家介绍的是其中一个比较重要的内容,C++内存区域的基本介绍。...

SibylY
16分钟前
2
0
总结:Https

一、介绍 简单理解,https即在http协议的基础上,增加了SSL协议,保障数据传输的安全性。 它由以前的http—–>tcp,改为http——>SSL—–>tcp;https采用了共享密钥加密+公开密钥加密的方式 ...

浮躁的码农
19分钟前
2
0
数据库表与表之间的一对一、一对多、多对多关系

表1 foreign key 表2 多对一:表 1 的多条记录对应表 2 的一条记录 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 表2的多条记...

Garphy
50分钟前
6
0
MySQL 表崩溃修复

MySQL日志报错 2019-10-19 13:41:51 19916 [ERROR] /usr/local/mysql/bin/mysqld: Table './initread_hss/user_info' is marked as crashed and should be repaired2019-10-19 13:41:51 1......

雁南飞丶
今天
6
0
Error和Exception

1.Error类和Exception类都是继承Throwable类 2.Error(错误)是系统中的错误,程序员是不能改变的和处理的,是在程序编译时出现的错误,只能通过修改程序才能修正。一般是指与虚拟机相关的问...

大瑞清_liurq
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部