JS 代码
var array=new Array();
var p;
function accp(sheng){
array["南京"]=new Array("宣武区");//创建二维数组
array["徐州"]=new Array("奉贤","沛县");
var strsheng=sheng.options[sheng.selectedIndex].text;
p = document.getElementById("shi");
if(strsheng=="江苏"){
for(var a in array){//通过增强循环遍历出数组array中一维数组的值,并将其对应的数组值赋值给变量a
p.add(new Option(a,a),null);
}
}
}
function showc(){
var c = document.getElementById("xian");//创建id`c的对象c
c.options.length=0;//设置对象c的下拉框的长度为0
for(var i in array[p.value]){//通过增强循环遍历出array的[p.value对应的省级]数组其市级数组的值日
c.add(new Option(array[p.value][i],array[p.value][i]),null);
}
}
html代码
<body>
1
<select id='sheng' name='sheng' οnchange="accp(this)">
<option value ="moren">请选择</option>
<option value ="js">江苏</option>
<option value ="sd">山东</option>
</select>
2
<select id='shi' name='shi' οnchange="showc()">
</select>
3
<select id='xian' name='xian'>
</select>
</body>