JavaScript省市级联下拉菜单实例
最近学了一个关于省市级联简单的小例子，贴出来与大家分享一下：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>index</title>
</head>
<body>
<selectid="selProvince"onchange="changeCity()">
<option>请选择省份</option>
</select>
<selectid="selCity">
<option>请选择城市</option>
</select>
<script>
function$(ID){
returndocument.getElementById(ID);
}
varcityList=newArray();
cityList['北京市']=['东城区','西城区','昌平区'];
cityList['河北省']=['保定','石家庄','定州'];
cityList['江苏省']=['南京市','苏州市','无锡市'];
cityList['浙江省']=['杭州市','宁波市','温州市'];
cityList['四川省']=['四川省','成都市'];
cityList['海南省']=['海口市'];
functionchangeCity(){
varprovince=$("selProvince").value;
varcity=$("selCity");
city.options.length=0;
for(variincityList){
if(i==province){
for(varjincityList[i]){
city.add(newOption(cityList[i][j],cityList[i][j]),null);
}
}
}
}
functionallCity(){
varprovince=$("selProvince");
for(variincityList){
province.add(newOption(i,i),null);
}
}
window.onload=allCity;
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。