最新省市地区二级联动js代码【采用民政部2019年10月权威数据】

<form action="wyjm.php" name="form1" method="post" id="wyjm">
          <div class="select-box clearfix">
          <div class="select fl"> <img src="images/jiantou.jpg" alt="">
            <select name="province" id="province" onChange="getChild()">
              <option>请选择省份</option>
              <option>北京</option>
              <option>天津</option>
              <option>河北</option>
              <option>山西</option>
              <option>内蒙古</option>
              <option>辽宁</option>
              <option>吉林</option>
              <option>黑龙江</option>
              <option>上海</option>
              <option>江苏</option>
              <option>浙江</option>
              <option>安徽</option>
              <option>福建</option>
              <option>江西</option>
              <option>山东</option>
              <option>河南</option>
              <option>湖北</option>
              <option>湖南</option>
              <option>广东</option>
              <option>广西</option>
              <option>海南</option>
              <option>重庆</option>
              <option>四川</option>
              <option>贵州</option>
              <option>云南</option>
              <option>西藏</option>
              <option>陕西</option>
              <option>甘肃</option>
              <option>青海</option>
              <option>宁夏</option>
              <option>新疆</option>
              <option>台湾</option>
              <option>香港</option>
              <option>澳门</option>
            </select>
          </div>
          <div class="select fr"> <img src="{DT_SKIN}index/images/jiantou.jpg" alt="">
            <select name="city" class="city">
              <option>请选择地区</option>
            </select>
          </div>
          <input class="fl" type="text" name="name" id="name" placeholder="请输入您的姓名">
          <input class="fl" type="text" name="mobile" id="mobile" placeholder="输入手机号获取加盟方案">
          <p><span>我已阅读并同意xxx网的</span><i>《免责声明》</i></p>
          <input type="hidden" name="message_type" value="4">
          <input type="button" value="立即提交"  onClick="submit();">
          <p class="jmsl">已有33333位创业者成功获得了加盟方案</p>
          <script type="text/javascript">
        //二级联动
        //定义城市数组
        var ctiyList = [
           ["北京市区","北京郊区"],
           ["天津市区","天津郊区"],
           ["石家庄","唐山","秦皇岛","邯郸","邢台","保定","张家口","承德","沧州","廊坊","衡水"],
           ["太原","大同","阳泉","长治","晋城","朔州","晋中","运城"," 忻州","临汾","吕梁"],
           ["呼和浩特"," 包头","乌海","赤峰","通辽","鄂尔多斯","呼伦贝尔","巴彦淖尔","乌兰察布","兴安盟","锡林郭勒盟","阿拉善盟"],
           ["沈阳","大连","鞍山","抚顺","本溪","丹东","锦州","营口","阜新","辽阳","盘锦","铁岭","朝阳","葫芦岛"],
           ["长春","吉林","四平","辽源","通化","白山","松原","白城","延边"],
           ["哈尔滨","齐齐哈尔","鸡西","鹤岗","双鸭山","大庆","伊春","佳木斯","七台河","牡丹江","黑河","绥化","大兴安岭"],
           ["上海市区","上海郊区"],
           ["南京","无锡","徐州","常州","苏州","南通","连云港","淮安","盐城","扬州","镇江","泰州","宿迁"],
           ["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],
           ["合肥","芜湖","蚌埠","淮南","马鞍山","淮北","铜陵","安庆","黄山","滁州","阜阳","宿州","六安","亳州","池州","宣城"],
           ["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],
           ["南昌","景德镇","萍乡","九江","新余","鹰潭","赣州","吉安","宜春","抚州","上饶"],
           ["济南","青岛","淄博","枣庄","东营","烟台","潍坊","济宁","泰安","威海","日照","临沂","德州","聊城","滨州","菏泽"],
           ["郑州","开封","洛阳","平顶山","安阳","鹤壁","新乡","焦作","濮阳","许昌","漯河","三门峡","南阳","商丘","信阳","周口","驻马店"],
           ["武汉","黄石","十堰","宜昌","襄阳","鄂州","荆门","孝感","荆州","黄冈","咸宁","随州","恩施"],
           ["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西"],
           ["广州","韶关","深圳","珠海","汕头","佛山","江门","湛江","茂名","肇庆","惠州","梅州","汕尾","河源","阳江","清远","东莞","中山","潮州","揭阳","云浮"],
           ["南宁","柳州","桂林","梧州","北海","防城港","钦州","贵港","玉林","百色","贺州","河池","来宾","崇左"],
           ["海口","三亚","三沙","儋州"],
           ["重庆主市区","万州","涪陵","綦江","大足","黔江","长寿","江津","合川","永川","南川","璧山","铜梁","潼南","荣昌","开州","梁平","武隆","城口","丰都","垫江","忠县","云阳","奉节","巫山","巫溪","石柱","秀山","酉阳","彭水"],
           ["成都","自贡","攀枝花","泸州","德阳","绵阳","广元","遂宁","内江","乐山","南充","眉山","宜宾","广安","达州","雅安","巴中","资阳","阿坝","甘孜","凉山"],
           ["贵阳","六盘水","遵义","安顺","毕节","铜仁","黔西南","黔东南","黔南"],
           ["昆明","曲靖","玉溪","保山","昭通","丽江","普洱","临沧","楚雄","红河","文山","西双版纳","大理","德宏","怒江","迪庆"],
           ["拉萨","日喀则","昌都","林芝","山南","那曲","阿里"],
           ["西安","铜川","宝鸡","咸阳","渭南","延安","汉中","榆林","安康","商洛"],
           ["兰州","嘉峪关","金昌","白银","天水","武威","张掖","平凉","酒泉","庆阳","定西","陇南","临夏","甘南"],
           ["西宁","海东","海北","黄南"," 海南","果洛","玉树","海西"],
           ["银川","石嘴山","吴忠","固原","中卫"],
           ["乌鲁木齐","克拉玛依","吐鲁番","哈密","昌吉","博尔塔拉","巴音郭楞","阿克苏","克孜勒苏","喀什","和田","伊犁","塔城","阿勒泰"],
           ["台北","新北","桃园","台中","台南","高雄","其他"],
           ["香港"],
           ["澳门"],     
         ];
        //点击选择框触发得到方法
        function getChild(){
            var sltProvince = document.form1.province;//获取name为form1下province
            var sltCity = document.form1.city;//获取name为form1下city
            var pc=ctiyList[sltProvince.selectedIndex - 1]; //省份列表下标要和城市列表下标一致
            sltCity.length=1;//每次选择都清空城市列表
            //遍历根据省份下标与之对应的城市下标
            for(var i=0;i<pc.length;i++){
                sltCity[i+1]=new Option(pc[i],pc[i]);    
            }
        }
    </script>
        </form>