您的位置：首页 > Web前端 > JavaScript

省市二级联动

2015-09-29 22:28 627 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

   <head>

       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

       <title>Untitled Document</title>

       <script type="text/javascript">

           function getCitys(){

               var str1 = "沈阳;大连;鞍山;抚顺;本溪;丹东;锦州;营口;阜新;辽阳;盘锦;铁岭;朝阳;葫芦岛"

               var str2 = "哈尔滨;大庆;齐齐哈尔;佳木斯;鸡西;鹤岗;双鸭山;牡丹江;伊春;七台河;黑河;绥化"

               var str3 = "长春;吉林;四平;辽源;通化;白山;松原;白城 "

               var str4 ="济南;青岛;淄博;枣庄;东营;烟台;潍坊;济宁;泰安;威海;日照;莱芜;临沂;德州;聊城;菏泽;滨州"

               var str5 = "郑州;洛阳;开封;漯河;安阳;新乡;周口;三门峡;焦作;平顶山;信阳;南阳;鹤壁;濮阳;许昌;商丘;驻马店"

               var str6 = "兰州市;白银市;武威市;金昌市;平凉市;张掖市;嘉峪关市;酒泉市;庆阳市;定西市;陇南市;天水市玉门市;临夏市;合作市;敦煌市;甘南州";

               var arr1 = str1.split(";");

               var arr2 = str2.split(";");

               var arr3 = str3.split(";");

               var arr4 = str4.split(";");

               var arr5 = str5.split(";");

               var arr6 = str6.split(";");

               var arrs = [["--选择省市--"],arr1,arr2,arr3,arr4,arr5,arr6]





               var selNode = document.getElementById("selid");

               var subNode = document.getElementById("subselid");

               var index = selNode.selectedIndex;

               var citys = arrs[index];

               subNode.length=1;

               for (var x=0;x<citys.length;x++){

                   var opNode = document.createElement("option");

                   opNode.innerHTML=citys[x];

                   subNode.appendChild(opNode);



               }

               //alert(selNode.options[index].innerText)

           }

           //window.onload=jilian;

       </script>

   </head>

   <body>

       <select id="selid" onclick="getCitys()">

           <option>--选择省市--</option>

           <option>辽宁</option>

           <option>黑龙江</option>

           <option>吉林</option>

           <option>山东</option>

           <option>河南</option>

           <option>甘肃</option>

       </select>



       <select id = "subselid">

           <option>--选择市区--</option>

       </select>



   </body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 二级联动 javascript web前端软件开发

相关文章推荐

新的分享

章节导航