省市二级联动

最新推荐文章于 2024-09-21 09:29:16 发布

hongtengfei523

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量280

点赞数

分类专栏： javascript 文章标签：二级联动 javascript web前端软件开发

本文链接：https://blog.csdn.net/hongtengfei523/article/details/48812721

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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.οnlοad=jilian;
       </script>
   </head>
   <body>
       <select id="selid" οnclick="getCitys()">
           <option>--选择省市--</option>
           <option>辽宁</option>
           <option>黑龙江</option>
           <option>吉林</option>
           <option>山东</option>
           <option>河南</option>
           <option>甘肃</option>
       </select>

       <select id = "subselid">
           <option>--选择市区--</option>
       </select>

   </body>
</html>