一个非常简单的省市级联特效
请选择城市:
<select id="shen" onchange="filltype()" style="width:100px">
<option>--选择省份--</option>
</select>
<select id="city" style="width:100px"></select>
下面看看详细代码:
<script>
var emps = new Array();
emps['湖南'] = ['长沙','株洲','岳阳','永州','张家界'];
emps['北京'] = ['朝阳区','东城区','海淀区'];
emps['上海'] = ['宝山区','长宁区','丰贤区','虹口区'];
emps['河南'] = ['郑州市','洛阳市','安阳市','襄阳市'];
emps['福建'] = ['福州市','厦门市','泉州市','漳州市'];
function initphone() {
var shen = document.getElementById("shen");
for (var index in emps) {
var opt = document.createElement("option");
opt.value = index;
opt.text = index;
shen.options.add(opt);
}
}
function filltype() {
var city = document.getElementById("city");
city.innerHTML = "";
var citys = document.getElementById("shen").value;
for (var index in emps[citys]) {
var option = document.createElement("option");
option.text = emps[citys][index];
option.value = emps[citys][index];
city.options.add(option);
}
}
</script>
先声明一组数组,用来储存省份和城市,还要声明两个函数在第一个列表框中填充所有的省份,第二个列表框中填充所选择的省对应的城市.最后为<body>标签和<select>标签绑定事件
