前段设计注册页面技巧:
达到省市联动效果
<td>
<select onchange="selectProvince()" id="province">
<option value="-1">--请选择--</option>
<option value="0">甘肃省</option>
<option value="1">陕西省</option>
<option value="2">浙江省</option>
</select>
<select id="city"></select>
</td>
<script type="text/javascript">
var provinces = [
["兰州市","白银市","陇南市","酒泉市"],
["西安市","宝鸡市","汉中市","延安市"],
["杭州市","宁波市","台州市","温州市"]
];
function selectProvince(){
var province = document.getElementById("province");
//得到当前选中的是哪个省份
//alert(province.value);
var value = province.value;
//从数组中取出对应的城市信息
var cities = provinces[value];
var citySelect = document.getElementById("city");
//清空select中的option
citySelect.options.length = 0;
for (var i=0; i < cities.length; i++) {
// alert(cities[i]);
var cityText = cities[i];
//动态创建城市元素节点
//创建option节点
var option1 = document.createElement("option"); // <option></option>
//创建城市文本节点
var textNode = document.createTextNode(cityText) ;
//将option节点和文本内容关联起来
option1.appendChild(textNode);
// 添加到城市select中
citySelect.appendChild(option1);
}
}
</script>