當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript 省市级联效果
生活随笔
收集整理的這篇文章主要介紹了
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 省市级联效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 封送处理您的数据：利用 COM 和 Wi
- 下一篇： javascript事件处理程序