JS實現級聯下拉選單

crastinger發表於2009-03-15

br />"">



無標題文件









JS指令碼程式碼:在js中所有程式碼不能換行只能在一行寫

編寫ckcity.js檔案,檔案內容如下:

// JavaScript Document

//北京市轄區名稱
var city1 = ["東城區","西城區","崇文區","宣武區","朝陽區","海淀區","豐臺區","石景山區","房山區","通州區","順義區","門頭溝區","昌平區","大興區","懷柔區","平谷區","密雲縣","延慶縣"];
//上海市轄區名稱
var city2 = ["黃浦區","盧灣區","徐彙區","長寧區","靜安區","普陀區","閘北區","虹口區","楊浦區","寶山區","閔行區","嘉定區","浦東新區","金山區","松江區","青浦區","南匯區","奉賢區","崇明縣"];
//天津市轄區名稱
var city3 = ["和平區","河東區","河西區","南開區","河北區","紅橋區","塘沽區","漢沽區","大港區","東麗區","西青區","津南區","北辰區","武清區","寶坻區","寧河縣","靜海縣","薊縣"];
//重慶市轄區名稱
var city4 = ["渝中區","大渡口區","江北區","沙坪壩區","九龍坡區","南岸區","北碚區","萬盛區","雙橋區","渝北區","巴南區","萬縣區","涪陵區","永川市","合川市","江津市","南川市","長壽縣","綦江縣","潼南縣","榮昌縣","壁山縣","大足縣","銅梁縣","梁平縣","城口縣","墊江縣","武隆縣","豐都縣","忠 縣","開 縣","雲陽縣","青龍鎮青龍嘴","奉節縣","巫山縣","巫溪縣","南賓鎮","中和鎮","鍾多鎮","聯合鎮","漢葭鎮"];
//河北省主要城市名稱
var city5 = ["石家莊市","唐山市","秦皇島市","邯鄲市","邢臺市","保定市","張家口市","承德市","滄州市","廊坊市","衡水市"];
//山西省主要城市名稱
var city6 = ["太原市","大同市","陽泉市","長治市","晉城市","朔州市","晉中市","運城市","忻州市","臨汾市","呂梁市"];
//遼寧省主要城市名稱
var city7 = ["瀋陽市","大連市","鞍山市","撫順市","本溪市","丹東市","錦州市","營口市","阜新市","遼陽市","盤錦市","鐵嶺市","朝陽市","葫蘆島市"];
//吉林省主要城市名稱
var city8 = ["長春市","吉林市","四平市","遼源市","通化市","白山市","松原市","白城市","延邊朝鮮族自治州"];
//河南省主要城市名稱
var city9 = ["鄭州市","開封市","洛陽市","平頂山市","安陽市","鶴壁市","新鄉市","焦作市","濮陽市","許昌市","漯河市","三門峽市","南陽市","商丘市","信陽市","周口市","駐馬店市","濟源市"];
//江蘇省主要城市名稱
var city10 = ["南京市","無錫市","徐州市","常州市","蘇州市","南通市","連雲港市","淮安市","鹽城市","揚州市","鎮江市","泰州市","宿遷市"];
//浙江省主要城市名稱
var city11 = ["杭州市","寧波市","溫州市","嘉興市","湖州市","紹興市","金華市","衢州市","舟山市","台州市","麗水市"];
//安徽省主要城市名稱
var city12 = ["合肥市","蕪湖市","蚌埠市","淮南市","馬鞍山市","淮北市","銅陵市","安慶市","黃山市","滁州市","阜陽市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"];
//福建省主要城市名稱
var city13 = ["福州市","廈門市","莆田市","三明市","泉州市","漳州市","南平市","龍巖市","寧德市"];
//江西省主要城市名稱
var city14 = ["南昌市","景德鎮市","萍鄉市","九江市","新餘市","鷹潭市","贛州市","吉安市","宜春市","撫州市","上饒市"];
//山東省主要城市名稱
var city15 = ["濟南市","青島市","淄博市","棗莊市","東營市","煙臺市","濰坊市","威海市","濟寧市","泰安市","日照市","萊蕪市","臨沂市","德州市","聊城市","濱州市","菏澤市"];
//湖北省主要城市名稱
var city16 = ["武漢市","黃石市","襄樊市","十堰市","荊州市","宜昌市","荊門市","鄂州市","孝感市","黃岡市","咸寧市","隨州市","恩施州","仙桃市","潛江市","天門市","神農架林區"];
//湖南省主要城市名稱
var city17 = ["長沙市","株洲市","湘潭市","衡陽市","邵陽市","岳陽市","常德市","張家界市","益陽市","郴州市","永州市","懷化市","婁底市","湘西州"];
//廣東省主要城市名稱
var city18 = ["廣州市","深圳市","珠海市","汕頭市","韶關市","佛山市","江門市","湛江市","茂名市","肇慶市","惠州市","梅州市","汕尾市","河源市","陽江市","清遠市","東莞市","中山市","潮州市","揭陽市","雲浮市"];
//海南省主要城市名稱
var city19 = ["海口市","龍華區","秀英區","瓊山區","美蘭區","三亞市"];
//四川省主要城市名稱
var city20 = ["成都市","自貢市","攀枝花市","瀘州市","德陽市","綿陽市","廣元市","遂寧市","內江市","樂山市","南充市","宜賓市","廣安市","達州市","眉山市","雅安市","巴中市","資陽市","阿壩州","甘孜州","涼山州"];
//貴州省主要城市名稱
var city21 = ["貴陽市","六盤水市","遵義市","安順市","銅仁地區","畢節地區","黔西南州","黔東南州","黔南州"];
//雲南省主要城市名稱
var city22 = ["昆明市","大理市","曲靖市","玉溪市","昭通市","楚雄市","紅河市","文山市","思茅市","西雙版納市","保山市","德宏市","麗江市","怒江市","迪慶市","臨滄市"];
//陝西省主要城市名稱
var city23 = ["西安市","銅川市","寶雞市","咸陽市","渭南市","延安市","漢中市","榆林市","安康市","商洛市"];
//甘肅省主要城市名稱
var city24 = ["蘭州市","嘉峪關市","金昌市","白銀市","天水市","武威市","張掖市","平涼市","酒泉市","慶陽市","定西市","隴南市","臨夏州","甘南州"];
//青海省主要城市名稱
var city25 = ["西寧市","海東地區","海北州","黃南州","海南州","果洛州","玉樹州","海西州"];
//黑龍江省主要城市名稱
var city26 = ["哈爾濱市","齊齊哈爾市","雞西市","鶴崗市","雙鴨山市","大慶市","伊春市","佳木斯市","七臺河市","牡丹江市","黑河市","綏化市","大興安嶺地區"];
//內蒙古自治區主要城市名稱
var city27 = ["呼和浩特市","包頭市","烏海市","赤峰市","通遼市","鄂爾多斯市","呼倫貝爾市","巴彥淖爾市","烏蘭察布市","興安盟","錫林郭勒盟","阿拉善盟"];
//廣西壯族自治區主要城市名稱
var city28 = ["南寧市","柳州市","桂林市","梧州市","北海市","防城港市","欽州市","貴港市","玉林市","百色市","賀州市","河池市","來賓市","崇左市"];
//西藏自治區主要城市名稱
var city29 = ["拉薩市","昌都地區","山南地區","日喀則地區","那曲地區","阿里地區","林芝地區"];
//寧夏回族自治區主要城市名稱
var city30 = ["銀川市","石嘴山市","吳忠市","固原市","中衛市"];
//新疆維吾爾自治區主要城市名稱
var city31 = ["烏魯木齊市","克拉瑪依市","吐魯番地區","哈密地區","和田地區","阿克蘇地區","喀什地區","克孜勒蘇柯爾克孜自治州","巴音郭楞蒙古自治州","昌吉回族自治州","博爾塔拉蒙古自治州","伊犁哈薩克自治州","塔城地區","阿勒泰地區","石河子市","阿拉爾市","圖木舒克市","五家渠市"];
//臺灣省主要城市名稱
var city32 = ["臺北市","高雄市","基隆市","臺中市","臺南市","新竹市","嘉義市","臺北縣","宜蘭縣","桃園縣","新竹縣","苗栗縣","臺中縣","彰化縣","南投縣","雲林縣","嘉義縣","臺南縣","高雄縣","屏東縣","澎湖縣","臺東縣","花蓮縣"];
//香港特別行政區主要轄區名稱
var city33 = ["中西區","東區","九龍城區","觀塘區","南區","深水埗區","黃大仙區","灣仔區","油尖旺區","離島區","葵青區","北區","西貢區","沙田區","屯門區","大埔區","荃灣區","元朗區"];
//澳門地區
var city34 = ["澳門地區"];
//其它地區
var city35 = ["其它地區"];

//全國省會,直轄市,自治區名稱
var provinceName = ["北京市","上海市","天津市","重慶市","河北省","山西省","遼寧省","吉林省","河南省","江蘇省","浙江省","安徽省","福建省","江西省","山東省","湖北省","湖南省","廣東省","海南省","四川省","貴州省","雲南省","陝西省","甘肅省","青海省","黑龍江省","內蒙古自治區","廣西壯族自治區","西藏自治區","寧夏回族自治區","新疆維吾爾自治區","臺灣省","香港特別行政區","澳門特別行政區","其它"];


function province()
{

var e = document.form1.province;
for (var i=0; i e.options.add(new Option(provinceName[i], provinceName[i]));
}
function cityName(n)
{
var e = document.form1.city;
for (var i=e.options.length; i>0; i--) e.remove(i);
if (n == 0) return;
var a = eval("city"+ n); //得到城市的陣列名
for (var i=0; i}
function onload()
{
province(); //初始時給省名下拉選單賦內容
}

[@more@]

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/21107256/viewspace-1018788/,如需轉載,請註明出處,否則將追究法律責任。

相關文章