天天看點

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" target="_blank" rel="external nofollow" >-->

    <script >

        var city=[

        ["東城區","西城區", "崇文區", "宣武區","朝陽區","海澱區","豐台區","石景山區","房山區","通州區","順義區","昌平區",

        "大興區","懷柔區","平谷區","門頭溝區","密雲區","延慶區","其他"],

        ["廣州","深圳", "珠海","汕頭","韶關","佛山","江門","湛江","茂名","肇慶","惠州","梅州","汕尾","河源","陽江","清遠",

        "東莞","中山","潮州","揭陽","雲浮","其他"],

        ["黃浦區","盧灣區", "徐彙區","長甯區","靜安區","普陀區","閘北區","虹口區","楊浦區","寶山區","闵行區","嘉定區","松江區",

        "金山區","青浦區","南彙區","奉賢區","浦東新區","崇明區","其他"],

        ["和平區","河東區", "河西區","南開區","河北區","紅橋區","塘沽區","漢沽區","大港區","東麗區","西青區","北辰區","津南區",

        "武清區","寶坻區","靜海縣","甯河縣","薊縣","其他"],

        ["渝中區","大渡口區", "江北區","南岸區","北碚區","渝北區","巴南區","長壽區","雙橋區","沙坪壩區","萬盛區","萬州區","涪陵區",

        "黔江區","永川區","合川區","江津區","九龍坡區","南川區","綦江縣","潼南區","榮昌區","璧山區","大足區","銅梁縣",

        "梁平縣","開縣","忠縣","城口縣","墊江區","武隆縣","豐都縣","奉節縣","雲陽縣","巫溪縣","巫山縣","其他"],

        ["沈陽","大連","鞍山","撫順","本溪","丹東","錦州","營口","阜新","遼陽","盤錦","鐵嶺","朝陽","葫蘆島","其他"],

        ["南京","蘇州","無錫","常州","鎮江","南通","泰州","揚州","鹽城","連雲港","徐州","淮安","宿州","其他"],

        ["武漢","黃石","十堰","荊州","宜昌","襄樊","鄂州","荊門","孝感","黃岡","鹹甯","随州","仙桃","天門","潛江","神農架","其他"],

        ["成都","自貢","攀枝花","泸州","德陽","綿陽","廣元","遂甯","内江","樂山","南充","眉山","宜賓","廣安","達州","雅安","巴中","資陽","其他"],

        ["西安","銅川","寶雞","鹹陽","渭南","延安","漢中","榆林","安康","商洛","其他"],

        ["石家莊","唐山","秦皇島","邯鄲","邢台","保定","張家口","承德","滄州","廊坊","衡水","其他"],

        ["太原","大同","陽泉","長治","晉城","朔州","晉中","運城","忻州","臨汾","呂梁","其他"],

        ["鄭州","開封","洛陽","平頂山","安陽","鶴壁","新鄉","焦作","濮陽","許昌","漯河","三門峽","南陽","商丘","信陽","周口","駐馬店","焦作","其他"],

        ["吉林","四平","遼源","通化","白山","松原","白城","延邊北韓自治區","其他"],

        ["哈爾濱","齊齊哈爾","鶴崗","雙鴨山","雞西","大慶","伊春","牡丹江","佳木斯","七台河","黑河","綏遠","大興安嶺地區","其他"],

        ["呼和浩特","標頭","烏海","赤峰","通遼","鄂爾多斯","呼倫貝爾","巴彥淖爾","烏蘭察布","錫林郭勒盟","興安盟","阿拉善盟"],

        ["濟南","青島","淄博","棗莊","東營","煙台","濰坊","濟甯","泰安","威海","日照","萊蕪","臨沂","德州","聊城","濱州","菏澤","其他"],

        ["合肥","蕪湖","蚌埠","淮南","馬鞍山","淮北","銅陵","安慶","黃山","滁州","阜陽","宿州","巢湖","六安","亳州","池州","宣城"],

        ["杭州","甯波","溫州","嘉興","湖州","紹興","金華","衢州","舟山","台州","麗水","其他"],

        ["福州","廈門","莆田","三明","泉州","漳州","南平","龍岩","甯德","其他"],

        ["長沙","株洲","湘潭","衡陽","邵陽","嶽陽","常德","張家界","益陽","濱州","永州","懷化","婁底","其他"],

        ["南甯","柳州","桂林","梧州","北海","防城港","欽州","貴港","玉林","百色","賀州","河池","來賓","崇左","其他"],

        ["南昌","景德鎮","萍鄉","九江","新餘","鷹潭","贛州","吉安","宜春","撫州","上饒","其他"],

        ["貴陽","六盤水","遵義","安順","銅仁","畢節","其他"],

        ["昆明","曲靖","玉溪","保山","邵通","麗江","普洱","臨滄","其他"],

        ["拉薩","那曲地區","昌都地區","林芝地區","山南區","阿裡區","日喀則","其他"],

        ["海口","三亞","五指山","瓊海","儋州","文昌","萬甯","東方","澄邁縣","定安縣","屯昌縣","臨高縣","其他"],

        ["蘭州","嘉峪關","金昌","白銀","天水","武威","酒泉","張掖","慶陽","平涼","定西","隴南","臨夏","甘南","其他"],

        ["銀川","石嘴山","吳忠","固原","中衛","其他"],

        ["西甯","海東地區","海北藏族自治區","海南藏族自治區","黃南藏族自治區","果洛藏族自治區","玉樹藏族自治州","還西藏族自治區","其他"],

        ["烏魯木齊","克拉瑪依","吐魯番地區","哈密地區","和田地區","阿克蘇地區","喀什地區","克孜勒蘇柯爾克孜","巴音郭楞蒙古自治區",

        "昌吉回族自治州","博爾塔拉蒙古自治區","石河子","阿拉爾","圖木舒克","五家渠","伊犁哈薩克自治區","其他"],

        ["中西區","灣仔區","東區","南區","深水埗區","油尖旺區","九龍城區","黃大仙區","觀塘區","北區","大埔區","沙田區","西貢區",

        "元朗區","屯門區","荃灣區","葵青區","離島區","其他"],

        ["花地瑪塘區","聖安多尼塘區","大堂區","望德堂區","風順堂區","嘉模堂區","聖方濟各堂區","路凼","其他"],

        ["台北市","高雄市","台北縣","桃園縣","新竹縣","苗栗縣","台中縣","彰化縣","南投縣","雲林縣","嘉義縣","台南縣","高雄縣",

        "屏東縣","宜蘭縣","花蓮縣","台東縣","澎湖縣","基隆市","新竹市","台中市","嘉義市","台南市","其他"],

        ["海外","其他"],

        ["其他"]];

    function getcity(){

    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=“遼甯省”