1. 程式人生 > >通過省份找城市

通過省份找城市

<select name="" id ="province_city" onchange="set_city(this, document.getElementById('city'));" runat="server">

               <option>省/直轄市</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"  name="city" runat="server">
                 <option>市/地區</option >
        </select>
<script type="text/javascript" language="javascript">

cities = new Object();
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('中西區','灣仔區','東區','南區','油尖旺區','深水埗區','九龍城區','黃大仙區','觀塘區','葵青區','荃灣區','屯門區','元朗區','北區','大埔區','沙田區','西貢區','離島區');
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>