1. 程式人生 > >省市二級及聯動(省市對應陣列)

省市二級及聯動(省市對應陣列)

html
<select name="province" id="pro"></select>
<select name="city" id="city"></select>

address.js
$(function() {

    function pro_init()
    {
        var str = '<option value="">請選擇省份</option><option value="北京市">北京市</option><option value="廣東省">廣東省</option><option value="山東省">山東省</option><option value="江蘇省">江蘇省</option><option value="河南省">河南省</option><option value="上海市">上海市</option><option value="河北省">河北省</option><option value="浙江省">浙江省</option><option value="香港特別行政區">香港特別行政區</option><option value="陝西省">陝西省</option><option value="湖南省">湖南省</option><option value="重慶市">重慶市</option><option value="福建省">福建省</option><option value="天津市">天津市</option><option value="雲南省">雲南省</option><option value="四川省">四川省</option><option value="廣西壯族自治區">廣西壯族自治區</option><option value="安徽省">安徽省</option><option value="海南省">海南省</option><option value="江西省">江西省</option><option value="湖北省">湖北省</option><option value="山西省">山西省</option><option value="遼寧省">遼寧省</option><option value="臺灣省">臺灣省</option><option value="黑龍江">黑龍江</option><option value="內蒙古自治區">內蒙古自治區</option><option value="澳門特別行政區">澳門特別行政區</option><option value="貴州省">貴州省</option><option value="甘肅省">甘肅省</option><option value="青海省">青海省</option><option value="新疆維吾爾自治區">新疆維吾爾自治區</option><option value="西藏區">西藏區</option><option value="吉林省">吉林省</option><option value="寧夏回族自治區">寧夏回族自治區</option>'
; $("#pro").html(str); } pro_init(); $("#pro").change(function () { var map = []; map[''] = [''], map['北京市'] = ['朝陽區', '海淀區', '通州區', '房山區', '豐臺區', '昌平區', '大興區', '順義區', '西城區', '延慶縣', '石景山區', '宣武區', '懷柔區', '崇文區', '密雲縣', '東城區', '平谷區', '門頭溝區']; map['廣東省'
] = ['東莞市', '廣州市', '中山市', '深圳市', '惠州市', '江門市', '珠海市', '汕頭市', '佛山市', '湛江市', '河源市', '肇慶市', '清遠市', '潮州市', '韶關市', '揭陽市', '陽江市', '梅州市', '雲浮市', '茂名市', '汕尾市']; map['山東省'] = ['濟南市', '青島市', '臨沂市', '濟寧市', '菏澤市', '煙臺市', '淄博市', '泰安市', '濰坊市', '日照市', '威海市', '濱州市', '東營市', '聊城市', '德州市', '萊蕪市', '棗莊市']; map
['江蘇省'] = ['蘇州市', '徐州市', '鹽城市', '無錫市', '南京市', '南通市', '連雲港市', '常州市', '鎮江市', '揚州市', '淮安市', '泰州市', '宿遷市']; map['河南省'] = ['鄭州市', '南陽市', '新鄉市', '安陽市', '洛陽市', '信陽市', '平頂山市', '周口市', '商丘市', '開封市', '焦作市', '駐馬店市', '濮陽市', '三門峽市', '漯河市', '許昌市', '鶴壁市', '濟源市']; map['上海市'] = ['松江區', '寶山區', '金山區', '嘉定區', '南匯區', '青浦區', '浦東新區', '奉賢區', '徐彙區', '靜安區', '閔行區', '黃浦區', '楊浦區', '虹口區', '普陀區', '閘北區', '長寧區', '崇明區', '盧灣區']; map['河北省'] = ['石家莊市', '唐山市', '保定市', '邯鄲市', '邢臺市', '河北區', '滄州市', '秦皇島市', '張家口市', '衡水市', '廊坊市', '承德市']; map['浙江'] = ['溫州市', '寧波市', '杭州市', '台州市', '嘉興市', '金華市', '湖州市', '紹興市', '舟山市', '麗水市', '衢州市']; map['香港特別行政區'] = ['無']; map['陝西省'] = ['西安市', '咸陽市', '寶雞市', '漢中市', '渭南市', '安康市', '榆林市', '商洛市', '延安市', '銅川市']; map['湖南省'] = ['長沙市', '邵陽市', '常德市', '衡陽市', '株洲市', '湘潭市', '永州市', '岳陽市', '懷安市', '郴州市', '婁底市', '益陽市', '張家界市', '湘西州']; map['重慶市'] = ['江北區', '渝北區', '沙坪壩區', '九龍坡區', '萬州區', '永川區', '南岸區', '酉陽縣', '北碚區', '涪陵區', '秀山縣', '巴南區', '渝中區', '石柱縣', '忠縣', '合川市', '大渡口區', '開縣', '長壽區', '榮昌縣', '雲陽縣', '梁平縣', '潼南縣', '江津市', '彭水縣', '綦江縣', '璧山縣', '黔江區', '大足縣', '巫山縣', '巫溪縣', '墊江縣', '豐都縣', '武隆縣', '萬盛區', '銅梁縣', '南川市', '奉節縣', '雙橋區', '城口縣']; map['福建省'] = ['漳州市', '廈門市', '泉州市', '福州市', '莆田市', '寧德市', '三明市', '南平市', '龍巖市']; map['天津市'] = ['和平區', '北辰區', '河北區', '河西區', '西青區', '津南區', '東麗區', '武清區', '寶坻區', '紅橋區', '大港區', '漢沽區', '靜海縣', '塘沽區', '寧河縣', '薊縣', '南開區', '河東區']; map['雲南省'] = ['昆明市', '紅河州', '大理州', '文山州', '德巨集州', '曲靖市', '昭通市', '楚雄州', '保山市', '玉溪市', '麗江地區', '臨滄地區', '思茅地區', '西雙版納州', '怒江州', '迪慶州']; map['四川省'] = ['成都市', '綿陽市', '廣元市', '達州市', '南充市', '德陽市', '廣安市', '阿壩州', '巴中市', '遂寧市', '內江市', '涼山州', '攀枝花市', '樂山市', '自貢市', '瀘州市', '雅安市', '宜賓市', '資陽市', '眉山市', '甘孜州']; map['廣西壯族自治區'] = ['貴港市', '玉林市', '北海市', '南寧市', '柳州市', '桂林市', '梧州市', '欽州市', '來賓市', '河池市', '百色市', '賀州市', '防城港市']; map['安徽省'] = ['蕪湖市', '合肥市', '六安市', '宿州市', '阜陽市', '安慶市', '馬鞍山市', '蚌埠市', '淮北市', '淮南市', '宣城市', '黃山市', '銅陵市', '亳州市', '池州市', '巢湖市', '滁州市']; map['海南省'] = ['三亞市', '海口市', '瓊海市', '文昌市', '東方市', '昌江縣', '陵水縣', '樂東縣', '保亭縣', '五指山市', '澄邁縣', '萬寧市', '儋州市', '臨高縣', '白沙縣', '定安縣', '瓊中縣', '屯昌縣']; map['江西省'] = ['南昌市', '贛州市', '上饒市', '吉安市', '九江市', '新餘市', '撫州市', '宜春市', '景德鎮市', '萍鄉市', '鷹潭市']; map['湖北省'] = ['武漢市', '宜昌市', '襄樊市', '荊州市', '恩施州', '黃岡市', '孝感市', '十堰市', '咸寧市', '黃石市', '仙桃市', '天門市', '隨州市', '荊門市', '潛江市', '鄂州市', '神農架林區']; map['山西省'] = ['太原市', '大同市', '運城市', '長治市', '晉城市', '忻州市', '臨汾市', '呂梁市', '晉中市', '陽泉市', '宿州市']; map['遼寧省'] = ['大連市', '瀋陽市', '丹東市', '遼陽市', '葫蘆島市', '錦州市', '朝陽市', '營口市', '鞍山市', '撫順市', '阜新市', '盤錦市', '本溪市', '鐵嶺市']; map['臺灣省'] = ['臺北市', '高雄市', '臺中市', '新竹市', '基隆市', '臺南市', '嘉義市']; map['黑龍江'] = ['齊齊哈爾市', '哈爾濱市', '大慶市', '佳木斯市', '雙鴨山市', '牡丹江市', '雞西市', '黑河市', '綏化市', '鶴崗市', '伊春市', '大興安嶺地區', '七臺河市']; map['內蒙古自治區'] = ['赤峰市', '包頭市', '通遼市', '呼和浩特市', '鄂爾多斯市', '烏海市', '呼倫貝爾市', '興安盟', '巴彥淖爾盟', '錫林郭勒盟', '阿拉善盟', '大興安嶺地區', '七臺河市']; map['澳門特別行政區'] = ['無']; map['貴州省'] = ['貴陽市', '黔東南州', '黔南州', '遵義市', '黔西南州', '畢節地區', '銅仁地區', '安順市', '六盤水市']; map['甘肅省'] = ['蘭州市', '天水市', '慶陽市', '武威市', '酒泉市', '張掖市', '隴南地區', '白銀市', '定西地區', '平涼市', '嘉峪關市', '臨夏回族自治州', '金昌市', '甘南州']; map['青海省'] = ['西寧市', '海西州', '海東地區', '海北州', '果洛州', '玉樹州', '黃南藏族自治州']; map['新疆維吾爾自治區'] = ['烏魯木齊市', '伊犁州', '昌吉州', '石河子市', '哈密地區', '阿克蘇地區', '巴音郭楞州', '喀什地區', '塔城地區', '克拉瑪依市', '和田地區', '阿勒泰州', '吐魯番地區', '阿拉爾市', '博爾塔拉州', '五家渠市', '克孜勒蘇州', ' 圖木舒克市']; map['西藏區'] = ['拉薩市', '山南地區', '林芝地區', '日喀則地區', '阿里地區', '昌都地區', '那曲地區']; map['吉林省'] = ['吉林市', '長春市', '白山市', '延邊州', '白城市', '松原市', '遼源市', '通化市', '四平市']; map['寧夏回族自治區'] = ['銀川市', '吳忠市', '中衛市', '石嘴山市', '固原市']; var citys = map[$(this).find("option:selected").val()]; for (var i = 0, len = citys.length, str = ''; i < len; i++) { str = str + '<option value="' + citys[i] + '">' + citys[i] + '</option>'; } $("#city").html(str); }); });