话不多说,直接上代码。
<body>
请选择你居住的地方:
<select id="province" onchange="myselect()"></select>
<select id="city"></select>
</body>
<script>
var array = new Array();
array["湖南"] = ["长沙","衡阳","常德"];
array["广东"] = ["广州","深圳","珠海"];
array["北京"] = ["东城区","朝阳区","海淀区"];
onload = function() {//页面加载完调用
var province = document.getElementById("province");
for(key in array) {//key就是数组下标
var option = document.createElement("option");//创建节点
option.value = key;
option.text = key;
province.options.add(option);//将节点添加到省
}
myselect();
};
function myselect() {//内容改变调用
var city = document.getElementById("city");
city.options.length=0;//清空前面的数据
var text = document.getElementById("province").value;//获取选择的省
for(key in array[text]) {
var option = document.createElement("option");//创建节点
option.value = array[text][key];
option.text = array[text][key];
city.options.add(option);//将节点添加到市
}
}
</script>
网友评论