純JS省市二級聯動Demo

2021-07-16 01:13:33 字數 3807 閱讀 7519

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

請選擇北京上海

天津重慶

河北省山西省

遼寧省吉林省

黑龍江省

江蘇省浙江省

安徽省福建省

江西省山東省

河南省湖北省

湖南省廣東省

海南省四川省

貴州省雲南省

陝西省甘肅省

青海省內蒙古

廣西**

寧夏新疆

香港澳門

台灣- 市

請選擇

js 省市二級聯動

bootstrap jquery 省市二級聯動 html panel panel default panel body h2 id selectprovince province1 遼寧省 option province2 selected 吉林省 option province3 黑龍江省 opt...

easyui省市二級聯動

easyui省市二級聯動 1 html 所屬區域 2 js 3 php todo 得到省市資訊,根據引數pid是否存在判斷是省還是市 public function getprovincecityaction else else arealist marea getlist where,id,nam...

JS之省市二級聯動實現

步驟 第一步 確定事件 onchange 並為其繫結乙個函式 第二步 建立乙個二維陣列用於儲存省份和城市 第三步 獲取使用者選擇的省份 第四步 遍歷二維陣列中的省份 第五步 將遍歷的省份與使用者選擇的省份比較 第六步 如果相同,遍歷該省份下所有的城市 第七步 建立城市文字節點 第八步 建立optio...