js城市省份二级联动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>porvince.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script >
    /*
    var arr=new Array;
    arr[0]=[new Option("市",'-1')];
    arr[1]=[new Option("")]
    function change(index){
        var s=
        */
        var city=[
        ["东城区","西城区", "崇文区", "宣武区","朝阳区","海淀区","丰台区","石景山区","房山区","通州区","顺义区","昌平区",
        "大兴区","怀柔区","平谷区","门头沟区","密云区","延庆区","其他"],
        ["广州","深圳", "珠海","汕头","韶关","佛山","江门","湛江","茂名","肇庆","惠州","梅州","汕尾","河源","阳江","清远",
        "东莞","中山","潮州","揭阳","云浮","其他"],
        ["黄浦区","卢湾区", "徐汇区","长宁区","静安区","普陀区","闸北区","虹口区","杨浦区","宝山区","闵行区","嘉定区","松江区",
        "金山区","青浦区","南汇区","奉贤区","浦东新区","崇明区","其他"],
        ["和平区","河东区", "河西区","南开区","河北区","红桥区","塘沽区","汉沽区","大港区","东丽区","西青区","北辰区","津南区",
        "武清区","宝坻区","静海县","宁河县","蓟县","其他"],
        ["渝中区","大渡口区", "江北区","南岸区","北碚区","渝北区","巴南区","长寿区","双桥区","沙坪坝区","万盛区","万州区","涪陵区",
        "黔江区","永川区","合川区","江津区","九龙坡区","南川区","綦江县","潼南区","荣昌区","璧山区","大足区","铜梁县",
        "梁平县","开县","忠县","城口县","垫江区","武隆县","丰都县","奉节县","云阳县","巫溪县","巫山县","其他"],
        ["沈阳","大连","鞍山","抚顺","本溪","丹东","锦州","营口","阜新","辽阳","盘锦","铁岭","朝阳","葫芦岛","其他"],
        ["南京","苏州","无锡","常州","镇江","南通","泰州","扬州","盐城","连云港","徐州","淮安","宿州","其他"],
        ["武汉","黄石","十堰","荆州","宜昌","襄樊","鄂州","荆门","孝感","黄冈","咸宁","随州","仙桃","天门","潜江","神农架","其他"],
        ["成都","自贡","攀枝花","泸州","德阳","绵阳","广元","遂宁","内江","乐山","南充","眉山","宜宾","广安","达州","雅安","巴中","资阳","其他"],
        ["西安","铜川","宝鸡","咸阳","渭南","延安","汉中","榆林","安康","商洛","其他"],
        ["石家庄","唐山","秦皇岛","邯郸","邢台","保定","张家口","承德","沧州","廊坊","衡水","其他"],
        ["太原","大同","阳泉","长治","晋城","朔州","晋中","运城","忻州","临汾","吕梁","其他"],
        ["郑州","开封","洛阳","平顶山","安阳","鹤壁","新乡","焦作","濮阳","许昌","漯河","三门峡","南阳","商丘","信阳","周口","驻马店","焦作","其他"],
        ["吉林","四平","辽源","通化","白山","松原","白城","延边朝鲜自治区","其他"],
        ["哈尔滨","齐齐哈尔","鹤岗","双鸭山","鸡西","大庆","伊春","牡丹江","佳木斯","七台河","黑河","绥远","大兴安岭地区","其他"],
        ["呼和浩特","包头","乌海","赤峰","通辽","鄂尔多斯","呼伦贝尔","巴彦淖尔","乌兰察布","锡林郭勒盟","兴安盟","阿拉善盟"],
        ["济南","青岛","淄博","枣庄","东营","烟台","潍坊","济宁","泰安","威海","日照","莱芜","临沂","德州","聊城","滨州","菏泽","其他"],
        ["合肥","芜湖","蚌埠","淮南","马鞍山","淮北","铜陵","安庆","黄山","滁州","阜阳","宿州","巢湖","六安","亳州","池州","宣城"],
        ["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水","其他"],
        ["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德","其他"],
        ["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","滨州","永州","怀化","娄底","其他"],
        ["南宁","柳州","桂林","梧州","北海","防城港","钦州","贵港","玉林","百色","贺州","河池","来宾","崇左","其他"],
        ["南昌","景德镇","萍乡","九江","新余","鹰潭","赣州","吉安","宜春","抚州","上饶","其他"],
        ["贵阳","六盘水","遵义","安顺","铜仁","毕节","其他"],
        ["昆明","曲靖","玉溪","保山","邵通","丽江","普洱","临沧","其他"],
        ["拉萨","那曲地区","昌都地区","林芝地区","山南区","阿里区","日喀则","其他"],
        ["海口","三亚","五指山","琼海","儋州","文昌","万宁","东方","澄迈县","定安县","屯昌县","临高县","其他"],
        ["兰州","嘉峪关","金昌","白银","天水","武威","酒泉","张掖","庆阳","平凉","定西","陇南","临夏","甘南","其他"],
        ["银川","石嘴山","吴忠","固原","中卫","其他"],
        ["西宁","海东地区","海北藏族自治区","海南藏族自治区","黄南藏族自治区","果洛藏族自治区","玉树藏族自治州","还西藏族自治区","其他"],
        ["乌鲁木齐","克拉玛依","吐鲁番地区","哈密地区","和田地区","阿克苏地区","喀什地区","克孜勒苏柯尔克孜","巴音郭楞蒙古自治区",
        "昌吉回族自治州","博尔塔拉蒙古自治区","石河子","阿拉尔","图木舒克","五家渠","伊犁哈萨克自治区","其他"],
        ["中西区","湾仔区","东区","南区","深水埗区","油尖旺区","九龙城区","黄大仙区","观塘区","北区","大埔区","沙田区","西贡区",
        "元朗区","屯门区","荃湾区","葵青区","离岛区","其他"],
        ["花地玛塘区","圣安多尼塘区","大堂区","望德堂区","风顺堂区","嘉模堂区","圣方济各堂区","路凼","其他"],
        ["台北市","高雄市","台北县","桃园县","新竹县","苗栗县","台中县","彰化县","南投县","云林县","嘉义县","台南县","高雄县",
        "屏东县","宜兰县","花莲县","台东县","澎湖县","基隆市","新竹市","台中市","嘉义市","台南市","其他"],
        ["海外","其他"],
        ["其他"]];
    
    
    function getcity(){
    /*
    var sltCity = document.getElementById('s2') ;
        sltCity.innerHTML='';
        for(i=0;i<city[index].length;i++){
            sltCity.options[sltCity.options.length]=city[index][i];
        }
    
    */
    var sltProvince = document.getElementById("province") ;        
    var sltCity = document.getElementById("city") ;      
        
    var provinceCity = city[sltProvince.selectedIndex - 1];         
    sltCity.length = 1 ;
       
    for ( i = 0 ; i < provinceCity.length ; i++ ) {
           sltCity[i + 1] = new Option(provinceCity[i], provinceCity[i]) ;
    }
    
    }
    </script>
  </head>
 
  <body>
    <form>
    <select id="province" name="province" οnchange="getcity()">
    <option value="-1">选择省份</option>
    <option value="bj">北京市 </option>
                   <option value="广东省">广东省 </option>
                 <option value="上海市">上海市 </option>
                   <option value="天津市">天津市 </option>
                   <option value="重庆市">重庆市 </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>
    省
    <select id="city" name="city">
    <option value="-1">市</option>
    </select>
    市
    </form>
  </body>

</html>


注:<option>辽宁省</option>中value省略,默认value=“辽宁省”

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值