原生js的二級聯動
阿新 • • 發佈：2017-05-22
長沙 湖北 合肥 city array 河北 .text 長春 佛山
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script language=javascript>
cities = new Object();
cities[‘臺灣‘]=new Array(‘臺北‘,‘臺南‘,‘其他‘);
cities[‘馬來西亞‘]=new Array(‘Malaysia‘);
cities[‘北京‘]=new Array(‘北京‘);
cities[‘上海‘]=new Array(‘上海‘);
cities[‘天津‘]=new Array(‘天津‘);
cities[‘重慶‘]=new Array(‘重慶‘);
cities[‘河北省‘]=new Array(‘石家莊‘, ‘張家口‘, ‘承德‘, ‘秦皇島‘, ‘唐山‘, ‘廊坊‘, ‘保定‘, ‘滄州‘, ‘衡水‘, ‘邢臺‘, ‘邯鄲‘);
cities[‘山西省‘]=new Array(‘太原‘, ‘大同‘, ‘朔州‘, ‘陽泉‘, ‘長治‘, ‘晉城‘, ‘忻州‘, ‘呂梁‘, ‘晉中‘, ‘臨汾‘, ‘運城‘);
cities[‘遼寧省‘]=new Array(‘沈陽‘, ‘朝陽‘, ‘阜新‘, ‘鐵嶺‘, ‘撫順‘, ‘本溪‘, ‘遼陽‘, ‘鞍山‘, ‘丹東‘, ‘大連‘, ‘營口‘, ‘盤錦‘, ‘錦州‘, ‘葫蘆島‘);
cities[‘吉林省‘]=new Array(‘長春‘, ‘白城‘, ‘松原‘, ‘吉林‘, ‘四平‘, ‘遼源‘, ‘通化‘, ‘白山‘, ‘延邊‘);
cities[‘黑龍江省‘]=new Array(‘哈爾濱‘, ‘齊齊哈爾‘, ‘黑河‘, ‘大慶‘, ‘伊春‘, ‘鶴崗‘, ‘佳木斯‘, ‘雙鴨山‘, ‘七臺河‘, ‘雞西‘, ‘牡丹江‘, ‘綏化‘, ‘大興安‘);
cities[‘江蘇省‘]=new Array(‘南京‘, ‘徐州‘, ‘連雲港‘, ‘宿遷‘, ‘淮陰‘, ‘鹽城‘, ‘揚州‘, ‘泰州‘, ‘南通‘, ‘鎮江‘, ‘常州‘, ‘無錫‘, ‘蘇州‘);
cities[‘浙江省‘]=new Array(‘杭州‘, ‘湖州‘, ‘嘉興‘, ‘舟山‘, ‘寧波‘, ‘紹興‘, ‘金華‘, ‘臺州‘, ‘溫州‘, ‘麗水‘);
cities[‘安徽省‘]=new Array(‘合肥‘, ‘宿州‘, ‘淮北‘, ‘阜陽‘, ‘蚌埠‘, ‘淮南‘, ‘滁州‘, ‘馬鞍山‘, ‘蕪湖‘, ‘銅陵‘, ‘安慶‘, ‘黃山‘, ‘六安‘, ‘巢湖‘, ‘池州‘, ‘宣城‘);
cities[‘福建省‘]=new Array(‘福州‘, ‘南平‘, ‘三明‘, ‘莆田‘, ‘泉州‘, ‘廈門‘, ‘漳州‘, ‘龍巖‘, ‘寧德‘);
cities[‘江西省‘]=new Array(‘南昌‘, ‘九江‘, ‘景德鎮‘, ‘鷹潭‘, ‘新余‘, ‘萍鄉‘, ‘贛州‘, ‘上饒‘, ‘撫州‘, ‘宜春‘, ‘吉安‘);
cities[‘山東省‘]=new Array(‘濟南‘, ‘聊城‘, ‘德州‘, ‘東營‘, ‘淄博‘, ‘濰坊‘, ‘煙臺‘, ‘威海‘, ‘青島‘, ‘日照‘, ‘臨沂‘, ‘棗莊‘, ‘濟寧‘, ‘泰安‘, ‘萊蕪‘, ‘濱州‘, ‘菏澤‘);
cities[‘河南省‘]=new Array(‘鄭州‘, ‘三門峽‘, ‘洛陽‘, ‘焦作‘, ‘新鄉‘, ‘鶴壁‘, ‘安陽‘, ‘濮陽‘, ‘開封‘, ‘商丘‘, ‘許昌‘, ‘漯河‘, ‘平頂山‘, ‘南陽‘, ‘信陽‘, ‘周口‘, ‘駐馬店‘);
cities[‘湖北省‘]=new Array(‘武漢‘, ‘十堰‘, ‘襄攀‘, ‘荊門‘, ‘孝感‘, ‘黃岡‘, ‘鄂州‘, ‘黃石‘, ‘鹹寧‘, ‘荊州‘, ‘宜昌‘, ‘恩施‘, ‘襄樊‘);
cities[‘湖南省‘]=new Array(‘長沙‘, ‘張家界‘, ‘常德‘, ‘益陽‘, ‘嶽陽‘, ‘株洲‘, ‘湘潭‘, ‘衡陽‘, ‘郴州‘, ‘永州‘, ‘邵陽‘, ‘懷化‘, ‘婁底‘, ‘湘西‘);
cities[‘廣東省‘]=new Array(‘廣州‘, ‘清遠‘, ‘韶關‘, ‘河源‘, ‘梅州‘, ‘潮州‘, ‘汕頭‘, ‘揭陽‘, ‘汕尾‘, ‘惠州‘, ‘東莞‘, ‘深圳‘, ‘珠海‘, ‘江門‘, ‘佛山‘, ‘肇慶‘, ‘雲浮‘, ‘陽江‘, ‘茂名‘, ‘湛江‘);
cities[‘海南省‘]=new Array(‘海口‘, ‘三亞‘);
cities[‘四川省‘]=new Array(‘成都‘, ‘廣元‘, ‘綿陽‘, ‘德陽‘, ‘南充‘, ‘廣安‘, ‘遂寧‘, ‘內江‘, ‘樂山‘, ‘自貢‘, ‘瀘州‘, ‘宜賓‘, ‘攀枝花‘, ‘巴中‘, ‘達川‘, ‘資陽‘, ‘眉山‘, ‘雅安‘, ‘阿壩‘, ‘甘孜‘, ‘涼山‘);
cities[‘貴州省‘]=new Array(‘貴陽‘, ‘六盤水‘, ‘遵義‘, ‘畢節‘, ‘銅仁‘, ‘安順‘, ‘黔東南‘, ‘黔南‘, ‘黔西南‘);
cities[‘雲南省‘]=new Array(‘昆明‘, ‘曲靖‘, ‘玉溪‘, ‘麗江‘, ‘昭通‘, ‘思茅‘, ‘臨滄‘, ‘保山‘, ‘德宏‘, ‘怒江‘, ‘迪慶‘, ‘大理‘, ‘楚雄‘, ‘紅河‘, ‘文山‘, ‘西雙版納‘);
cities[‘陜西省‘]=new Array(‘西安‘, ‘延安‘, ‘銅川‘, ‘渭南‘, ‘鹹陽‘, ‘寶雞‘, ‘漢中‘, ‘榆林‘, ‘商洛‘, ‘安康‘);
cities[‘甘肅省‘]=new Array(‘蘭州‘, ‘嘉峪關‘, ‘金昌‘, ‘白銀‘, ‘天水‘, ‘酒泉‘, ‘張掖‘, ‘武威‘, ‘慶陽‘, ‘平涼‘, ‘定西‘, ‘隴南‘, ‘臨夏‘, ‘甘南‘);
cities[‘青海省‘]=new Array(‘西寧‘, ‘海東‘, ‘西寧‘, ‘海北‘, ‘海南‘, ‘黃南‘, ‘果洛‘, ‘玉樹‘, ‘海西‘);
cities[‘內蒙古‘]=new Array(‘呼和浩特‘, ‘包頭‘, ‘烏海‘, ‘赤峰‘, ‘呼倫貝爾盟‘, ‘興安盟‘, ‘哲裏木盟‘, ‘錫林郭勒盟‘, ‘烏蘭察布盟‘, ‘鄂爾多斯‘, ‘巴彥淖爾盟‘, ‘阿拉善盟‘);
cities[‘廣西‘]=new Array(‘南寧‘, ‘桂林‘, ‘柳州‘, ‘梧州‘, ‘貴港‘, ‘玉林‘, ‘欽州‘, ‘北海‘, ‘防城港‘, ‘南寧‘, ‘百色‘, ‘河池‘, ‘柳州‘, ‘賀州‘);
cities[‘西藏‘]=new Array(‘拉薩‘, ‘那曲‘, ‘昌都‘, ‘林芝‘, ‘山南‘, ‘日喀則‘, ‘阿裏‘);
cities[‘寧夏‘]=new Array(‘銀川‘, ‘石嘴山‘, ‘吳忠‘, ‘固原‘);
cities[‘新疆‘]=new Array(‘烏魯木齊‘, ‘克拉瑪依‘, ‘喀什‘, ‘阿克蘇‘, ‘和田‘, ‘吐魯番‘, ‘哈密‘, ‘博爾塔拉‘, ‘昌吉‘, ‘巴音郭楞‘, ‘伊犁‘, ‘塔城‘, ‘阿勒泰‘);
cities[‘香港‘]=new Array(‘香港‘);
cities[‘澳門‘]=new Array(‘澳門‘);
function set_city(province, city)
{
var pv, cv;
var i, ii;
pv=province.value;
cv=city.value;
city.length=1;
if(pv==‘0‘) return;
if(typeof(cities[pv])==‘undefined‘) return;
for(i=0; i<cities[pv].length; i++)
{
ii = i+1;
city.options[ii] = new Option();
city.options[ii].text = cities[pv][i];
city.options[ii].value = cities[pv][i];
}
}
</script>
<SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById(‘city‘)); WYL();" class=login_text_input >
<option value=0>請選擇</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>
<option value=澳門>澳門</option>
</SELECT> - 市
<select id="city" class=login_text_input name="shi">
<option value=0>請選擇</option>
</select>
</body>
</html>
原生js的二級聯動