二级的下拉菜单

[lin506114]

哥哥们,教小弟怎么实现一个二级的下拉菜单啊,

如果我在第一个下拉里选中"海南",那么第二个里就出现"海南"的城市,如"海口"
如果我在第一个下拉里选中"湖北",那么第二个里就出现"湖北"的城市,如"武汉"
等等等等

类似的网站是
http://weather.china.com.cn/ 左边那个查询是怎么实现的啊?

[CoolAbu]

那是用Javascript脚本实现的，你COpy回去改改

<SCRIPT language=JavaScript>
<!--
var chinagroups=document.china.example.options.length
var chinagroup=new Array(chinagroups)
for (i=0; i<chinagroups; i++)
chinagroup[i]=new Array()
chinagroup[0][0]=new Option("请选择城市","请选择城市")
chinagroup[0][1]=new Option("北京","54511")
chinagroup[0][2]=new Option("天津","54527")
chinagroup[0][3]=new Option("太原","53772")
chinagroup[0][4]=new Option("石家庄","53698")
chinagroup[0][5]=new Option("济南","54823")
chinagroup[0][6]=new Option("青岛","54857")
chinagroup[0][7]=new Option("大同","53487")
chinagroup[0][8]=new Option("五台山","53588")
chinagroup[0][9]=new Option("秦皇岛","54449")
chinagroup[0][10]=new Option("承德","54423")
chinagroup[0][11]=new Option("烟台","54765")
chinagroup[0][12]=new Option("淄博","54830")
chinagroup[0][13]=new Option("潍坊","54843")
chinagroup[0][14]=new Option("威海","54774")
chinagroup[0][15]=new Option("泰山","54826")
chinagroup[0][16]=new Option("包头","53446")
chinagroup[0][17]=new Option("保定","54602")
chinagroup[0][18]=new Option("二连浩特","53068")
chinagroup[0][19]=new Option("合肥","58321")
chinagroup[0][20]=new Option("上海","58362")
chinagroup[0][21]=new Option("南京","58238")
chinagroup[0][22]=new Option("杭州","58457")
chinagroup[0][23]=new Option("无锡","58354")
chinagroup[0][24]=new Option("苏州","58357")
chinagroup[0][25]=new Option("扬州","58245")
chinagroup[0][26]=new Option("九华山","58423")
chinagroup[0][27]=new Option("黄山","58437")
chinagroup[0][28]=new Option("景德镇","58527")
chinagroup[0][29]=new Option("连云港","58044")
chinagroup[0][30]=new Option("常州","58343")
chinagroup[0][31]=new Option("南通","58259")
chinagroup[0][32]=new Option("绍兴","58453")
chinagroup[0][33]=new Option("龙华","58367")
chinagroup[0][34]=new Option("福州","58847")
chinagroup[0][35]=new Option("南宁","59431")
chinagroup[0][36]=new Option("海口","59758")
chinagroup[0][37]=new Option("广州","59287")
chinagroup[0][38]=new Option("厦门","59134")
chinagroup[0][39]=new Option("汕头","59316")
chinagroup[0][40]=new Option("深圳","59493")
chinagroup[0][41]=new Option("桂林","57957")
chinagroup[0][42]=new Option("三亚","59948")
chinagroup[0][43]=new Option("北海","59644")
chinagroup[0][44]=new Option("珠海","59488")
chinagroup[0][45]=new Option("湛江","59658")
chinagroup[0][46]=new Option("惠阳","59298")
chinagroup[0][47]=new Option("雁荡山","58656")
chinagroup[0][48]=new Option("温州","58659")
chinagroup[0][49]=new Option("武夷山","58730")
chinagroup[0][50]=new Option("漳州","59126")
chinagroup[0][51]=new Option("郑州","57083")
chinagroup[0][52]=new Option("武汉","57494")
chinagroup[0][53]=new Option("长沙","57679")
chinagroup[0][54]=new Option("南昌","58606")
chinagroup[0][55]=new Option("庐山","58506")
chinagroup[0][56]=new Option("洛阳","57073")
chinagroup[0][57]=new Option("宜昌","57461")
chinagroup[0][58]=new Option("赣州","57993")
chinagroup[0][59]=new Option("张家界","57558")
chinagroup[0][60]=new Option("哈尔滨","50953")
chinagroup[0][61]=new Option("沈阳","54342")
chinagroup[0][62]=new Option("长春","54161")
chinagroup[0][63]=new Option("大连","54662")
chinagroup[0][64]=new Option("牡丹江","54094")
chinagroup[0][65]=new Option("丹东","54497")
chinagroup[0][66]=new Option("鞍山","54339")
chinagroup[0][67]=new Option("锦州","54337")
chinagroup[0][68]=new Option("延吉","54292")
chinagroup[0][69]=new Option("漠河","50136")
chinagroup[0][70]=new Option("营口","54471")
chinagroup[0][71]=new Option("乌鲁木齐","51463")
chinagroup[0][72]=new Option("银川","53614")
chinagroup[0][73]=new Option("西安","57036")
chinagroup[0][74]=new Option("西宁","52866")
chinagroup[0][75]=new Option("兰州","52889")
chinagroup[0][76]=new Option("敦煌","52418")
chinagroup[0][77]=new Option("华山","57046")
chinagroup[0][78]=new Option("延安","53845")
chinagroup[0][79]=new Option("伊宁","51431")
chinagroup[0][80]=new Option("拉萨","55591")
chinagroup[0][81]=new Option("重庆","57516")
chinagroup[0][82]=new Option("昆明","56778")
chinagroup[0][83]=new Option("成都","56294")
chinagroup[0][84]=new Option("贵阳","57816")
chinagroup[0][85]=new Option("大理","56751")
chinagroup[0][86]=new Option("九寨沟","56182")
chinagroup[0][87]=new Option("峨眉山","56385")
chinagroup[0][88]=new Option("绵阳","56196")
chinagroup[0][89]=new Option("香港","45005")
chinagroup[0][90]=new Option("澳门","45011")
chinagroup[0][91]=new Option("台北","58968")
chinagroup[0][92]=new Option("高雄","59554")
chinagroup[0][93]=new Option("呼和浩特","53463")
chinagroup[1][0]=new Option("请选择城市","请选择城市")
chinagroup[1][1]=new Option("北京","54511")
chinagroup[1][2]=new Option("天津","54527")
chinagroup[1][3]=new Option("呼和浩特","53463")
chinagroup[1][4]=new Option("石家庄","53698")
chinagroup[1][5]=new Option("济南","54823")
chinagroup[1][6]=new Option("青岛","54857")
chinagroup[1][7]=new Option("大同","53487")
chinagroup[1][8]=new Option("五台山","53588")
chinagroup[1][9]=new Option("秦皇岛","54449")
chinagroup[1][10]=new Option("承德","54423")
chinagroup[1][11]=new Option("烟台","54765")
chinagroup[1][12]=new Option("淄博","54830")
chinagroup[1][13]=new Option("潍坊","54843")
chinagroup[1][14]=new Option("威海","54774")
chinagroup[1][15]=new Option("泰山","54826")
chinagroup[1][16]=new Option("包头","53446")
chinagroup[1][17]=new Option("保定","54602")
chinagroup[1][18]=new Option("二连浩特","53068")
chinagroup[1][19]=new Option("太原","53772")
chinagroup[1][209]=new Option("满洲里","")

[CoolAbu]

chinagroup[2][0]=new Option("请选择城市","请选择城市")
chinagroup[2][1]=new Option("合肥","58321")
chinagroup[2][2]=new Option("上海","58362")
chinagroup[2][3]=new Option("南京","58238")
chinagroup[2][4]=new Option("杭州","58457")
chinagroup[2][5]=new Option("无锡","58354")
chinagroup[2][6]=new Option("苏州","58357")
chinagroup[2][7]=new Option("扬州","58245")
chinagroup[2][8]=new Option("九华山","58423")
chinagroup[2][9]=new Option("黄山","58437")
chinagroup[2][10]=new Option("景德镇","58527")
chinagroup[2][11]=new Option("连云港","58044")
chinagroup[2][12]=new Option("常州","58343")
chinagroup[2][13]=new Option("南通","58259")
chinagroup[2][14]=new Option("绍兴","58453")
chinagroup[2][15]=new Option("龙华","58367")
chinagroup[3][0]=new Option("请选择城市","请选择城市")
chinagroup[3][1]=new Option("福州","58847")
chinagroup[3][2]=new Option("南宁","59431")
chinagroup[3][3]=new Option("海口","59758")
chinagroup[3][4]=new Option("广州","59287")
chinagroup[3][5]=new Option("厦门","59134")
chinagroup[3][6]=new Option("汕头","59316")
chinagroup[3][7]=new Option("深圳","59493")
chinagroup[3][8]=new Option("桂林","57957")
chinagroup[3][9]=new Option("三亚","59948")
chinagroup[3][10]=new Option("北海","59644")
chinagroup[3][11]=new Option("珠海","59488")
chinagroup[3][12]=new Option("湛江","59658")
chinagroup[3][13]=new Option("惠阳","59298")
chinagroup[3][14]=new Option("雁荡山","58656")
chinagroup[3][15]=new Option("温州","58659")
chinagroup[3][16]=new Option("武夷山","58730")
chinagroup[3][17]=new Option("漳州","59126")
chinagroup[4][0]=new Option("请选择城市","请选择城市")
chinagroup[4][1]=new Option("郑州","57083")
chinagroup[4][2]=new Option("武汉","57494")
chinagroup[4][3]=new Option("长沙","57679")
chinagroup[4][4]=new Option("南昌","58606")
chinagroup[4][5]=new Option("庐山","58506")
chinagroup[4][6]=new Option("洛阳","57073")
chinagroup[4][7]=new Option("宜昌","57461")
chinagroup[4][8]=new Option("赣州","57993")
chinagroup[4][9]=new Option("张家界","57558")
chinagroup[5][0]=new Option("请选择城市","请选择城市")
chinagroup[5][1]=new Option("哈尔滨","50953")
chinagroup[5][2]=new Option("沈阳","54342")
chinagroup[5][3]=new Option("长春","54161")
chinagroup[5][4]=new Option("大连","54662")
chinagroup[5][5]=new Option("牡丹江","54094")
chinagroup[5][6]=new Option("丹东","54497")
chinagroup[5][7]=new Option("鞍山","54339")
chinagroup[5][8]=new Option("锦州","54337")
chinagroup[5][9]=new Option("延吉","54292")
chinagroup[5][10]=new Option("漠河","50136")
chinagroup[5][11]=new Option("营口","54471")
chinagroup[6][0]=new Option("请选择城市","请选择城市")
chinagroup[6][1]=new Option("乌鲁木齐","51463")
chinagroup[6][2]=new Option("银川","53614")
chinagroup[6][3]=new Option("西安","57036")
chinagroup[6][4]=new Option("西宁","52866")
chinagroup[6][5]=new Option("兰州","52889")
chinagroup[6][6]=new Option("敦煌","52418")
chinagroup[6][7]=new Option("华山","57046")
chinagroup[6][8]=new Option("延安","53845")
chinagroup[6][9]=new Option("伊宁","51431")
chinagroup[6][10]=new Option("华山","57046")
chinagroup[7][0]=new Option("请选择城市","请选择城市")
chinagroup[7][1]=new Option("拉萨","55591")
chinagroup[7][2]=new Option("重庆","57516")
chinagroup[7][3]=new Option("昆明","56778")
chinagroup[7][4]=new Option("成都","56294")
chinagroup[7][5]=new Option("贵阳","57816")
chinagroup[7][6]=new Option("大理","56751")
chinagroup[7][7]=new Option("九寨沟","56182")
chinagroup[7][8]=new Option("峨眉山","56385")
chinagroup[7][9]=new Option("绵阳","56196")
chinagroup[8][0]=new Option("请选择城市","请选择城市")
chinagroup[8][1]=new Option("香港","45005")
chinagroup[8][2]=new Option("澳门","45011")
chinagroup[8][3]=new Option("台北","58968")
chinagroup[8][4]=new Option("高雄","59554")

var chinatemp=document.china.stage2

function chinaredirect(x){
for (m=chinatemp.options.length-1;m>0;m--)
chinatemp.options[m]=null

for (i=0;i<chinagroup[x].length;i++){
chinatemp.options[i]=new Option(chinagroup[x][i].text,chinagroup[x][i].value)
}
chinatemp.options[0].selected=true
}
//-->
</SCRIPT>

[lin506114]

大哥,我不会JavaScript,能给个注释吗?

[bigbigwind]

网上有资料
自己去找
http://weather.china.com.cn/