JavaScript 省市级联效果

为什么80%的码农都做不了架构师？>>>

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>

转载于:https://my.oschina.net/hzdx/blog/894374

JavaScript 省市级联效果相关推荐

JavaScript省市级联特效
JavaScript中不用集合数组版:省市级联特效代码如下: 效果:
PyQt5-QComboBox控件使用实现省市级联效果
#QComboBox下拉列表控件使用,省市级联 from PyQt5.QtWidgets import QPushButton,QVBoxLayout,QWidget,QApplication,QR ...
iview 实现省市级联效果
HTML部分 <template><Form ref="formValidate" :model="formValidate" :rules= ...
在WinForm中实现省市级联的效果
在WinForm通过连接数据库来实现省市级联的效果首先,在数据库中创建两个表,省份表(Province)和城市表(City),两个表之间需建立外键约束,主键是省份Id, 外键是城市表中的省份Id,从 ...
JSDay01--Homework(表格当前行点击变色，下拉框省市级联)
1.创建table表格,要求: 点击某一行,则该行变色(选中). 答: <!DOCTYPE html> <html lang="en"><head&g ...
JavaScript完整版国家-省-市地区，级联效果（带效果图哦）
JavaScript完整版国家-省-市地区,级联效果(带效果图哦) 最近要做一个国家,省市级联的效果,网上搜了下,都是国家内的,没办法,看了几个,大家都知道简单,自己动手吧,在网上的一个基础上,找了一 ...
javascript实现【省市级联】
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"><title>省 ...
html下拉菜单省对应的市,javascript基于DOM实现省市级联下拉框的方法
省市级联下拉框 var provs = { "江西省": ["南昌市", "景德镇", "九江", "鹰潭&q ...
【前端2】js：原始类型，运算符，调试，页面加载，轮播图，Bom（对象，时钟），Dom（全选全不选，省市级联，隔行/触摸换色，表单校验）
文章目录 1.js两种引入:js最终要引入到html在浏览器中运行 2.js五大原始类型:undefined 3.js的运算符和流程控制:js不支持单&和单|性能低 4.案例_99乘法表:So ...

JavaScript 省市级联效果

JavaScript 省市级联效果相关推荐

最新文章

热门文章