& ltform name = \" form 1 \" method = \" post " />
當前位置:旅游攻略大全網 - 豪华酒店 - ASP的下拉菜單控制另壹個下拉菜單的內容。

ASP的下拉菜單控制另壹個下拉菜單的內容。

下面是我做的中國省市下拉列表。可以保存為asp文件,然後執行看看效果。

& lttable align = " center " cell padding = " 0 " cell spacing = " 0 " >

& ltform name = " form 1 " method = " post " action = " " onSubmit = " return false " >

& lttr & gt

& lttd width="90" height="20 " >

& ltselect style="width:90" name= "省" size="1" id= "省" onchange = " change city(document . form 1 .省.選項[document.form1 .省. selectedIndex])。值)" & gt

& ltOption value= "請選擇壹個省" selected & gt請選擇壹個省

& lt%allprovince= "安徽、北京、福建、甘肅、廣東、廣西、貴州、海南、河北、河南、黑龍江、湖北、湖南、吉林、江蘇、江西、遼寧、內蒙古、寧夏、青海、山東、山西、陜西、上海、四川、天津、西藏、新疆、雲南、天津。

every province = split(all province,",")

對於i=0到Ubound(every province)% & gt;

& lt選項值= " & lt%=everyprovince(i)% >& gt& lt% = every province(I)% & gt;& lt/option & gt;

& lt% next % & gt

& lt/select & gt;

& lt/TD & gt;

& lttd width="101 " >& ltselect name = " city " style = " width:90px " size = " 1 " id = " city " & gt;

& lt選擇的選項& gt請選擇壹個城市

& lt/select & gt;

& lt/TD & gt;

& lt/tr & gt;

& lt/form & gt;

& lt/table & gt;

& lt腳本語言= " javascript " & gt

/*省市顯示*/

var each city = new Array();

var TC num = new Array();

& lt%allpc= "北京|東城西城崇文宣武朝陽豐臺石景山海澱門頭溝房山通州順義昌平大興平谷懷柔密雲延慶*上海|黃浦盧灣徐匯長寧靜安普陀閘北虹口楊浦。和平東麗河東西青河西津南南開北辰河北武清紅色塘沽漢沽大港寧河靜海寶坻薊縣*重慶|萬州涪陵榆中大渡口江北沙坪壩九龍坡南岸北碚萬盛雙城渝北巴南黔江長壽綦江潼南銅梁大足榮昌璧山梁平城口豐都墊江石家莊邯鄲邢臺保定張家口承德廊坊唐山秦皇島滄州衡水*山西|太原大同陽泉長治晉城朔州呂梁忻州晉中臨汾運城*內蒙古|中 呼和浩特包頭烏海赤峰呼倫貝爾盟阿拉善盟浙沈陽大連鞍山撫順本溪丹東錦州營口阜新遼陽盤錦鐵嶺朝陽葫蘆島*吉林|長春吉林四平遼源通化白山松原白城延邊*黑龍江|哈爾濱齊齊哈爾牡丹江佳木斯綏化大慶南京鎮江蘇州南通揚州鹽城徐州連雲港常州無錫宿遷臺州淮安*浙江杭州寧波溫州嘉興湖州紹興金華衢州臺州麗水* 安徽合肥蕪湖蚌埠馬鞍山淮北銅陵福州廈門莆田三明泉州漳州南平龍巖寧德*江西|南昌景德鎮九江鷹潭萍鄉新余贛州吉安宜春福州上饒*山東|濟南青島淄博棗莊東營煙臺濰坊濟寧泰安鄭州開封洛陽平頂山安陽鶴壁新鄉焦作濮陽許昌漯河三門峽南陽商丘信陽周口駐馬店濟源*湖北|中 武漢宜昌荊州襄樊黃石荊門黃岡十堰恩施潛江天門仙桃隨州長沙常德株洲湘潭衡陽嶽陽益陽婁底懷化郴州永州湘西張家界*廣東|廣州深圳珠海汕頭東莞中山佛山韶關江門湛江茂名肇慶惠州梅州汕尾河源陽江南寧柳州桂林梧州北海防城港欽州玉林南寧柳州賀州百色河池*海南海口三亞* 四川成都綿陽德陽自貢攀枝花廣元內江樂山南充宜賓廣安達川雅安昆明大理曲靖玉溪昭通楚雄紅河文山思茅西雙版納保山德宏麗江怒江迪慶臨滄*西藏|拉薩日喀則山南林芝昌都阿裏那曲*陜西| Xi安寶雞鹹陽銅川蘭州嘉峪關金昌白銀天水酒泉張掖定西隴南平涼慶陽臨夏甘南*寧夏|銀川石嘴山吳忠固原*青海|青海 西寧海東海南海北黃南玉樹果洛海西*新疆|烏魯木齊澳門| *臺灣省|臺北高雄臺中臺南屏東南投雲林新竹彰化苗栗嘉義花蓮桃園宜蘭基隆臺東金門媽祖澎湖”

allp=split(allpc," * ")

對於i=0至下界(allp)

pc=split(allp(i)," | ")

eachcity=split(pc(1),"^")%>;

每個城市[& lt;% = i % & gt]= new Array();

& lt%for j=0到ubound(每個城市)% & gt

每個城市[& lt;% = i % & gt][& lt;% = j % & gt]=新數組(" & lt% =每個城市(j)% >," & lt%=pc(0)% >);

& lt% next % & gt

TC num[& lt;% = i % & gt]= & lt;%=ubound(每個城市)% & gt;

& lt%下壹個

TP num = ubound(allp)% & gt;

函數變化城市(省值){

/*當所選大類列表的值不為空時,首先清空小類下拉列表中的所有項目。否則,小類別列表中的項目將會重疊。同時,初始化選項的值為0 */

document . form 1 . city . length = 0;

//循環寫出所請求的大類對應的小類。

for(I = 0;我& lt= & lt% = tpnum % & gt;i++){

for(j = 0;j & lt= TC num[I];j++){

if(province value = = each city[I][j][1]){

document . form 1 . city . options[document . form 1 . city . length]= new Option(eachcity[i][j][0],each city[I][j][0],""," ");

/*定義新的選項對象並賦值。選項的索引值從0開始。新的Option對象有四個屬性,分別對應於文本字符串、值、默認值Select和selected。這裏只使用第壹個和第二個。*/

}

}

}

}

& lt/script & gt;