<script>
var provinces = [
["深圳市","东莞市","佛山市","惠州市","广州市"],
["南京市"],
["长沙市","岳阳市","株洲市"],
["海口","三亚","五指山","万宁","儋州市"],
["石家庄","天津"],
];
/*
1.确定事件:onchange;
2.函数:selectProvince();
3.函数里进行交互
得到当前操作元素
得到当前选中的某一省份
从数组中取出对应的信息
动态创建城市元素节点
添加到城市select中
*/
function selectProvince(){
var province = document.getElementById("province");
// 得到当前选中的省份
// alert(province.value);
var value = provinces.value;
// 从数组中取出对应的信息
var cities = provinces[value];
// 遍历城市信息
var citySelect = document.getElementById("city");
citySelect.options.length = 0;
for(var i=0;i<cities.length;i++){
// alert(citis[i])
var cityText = cities[i];
// 动态创建城市元素节点
var Noption = document.createElement("option");
var textNode = document.createTextNode("cityText");
Noption.appendChild(textNode);
var citySelect = document.getElementById("city");
citySelect.appendChild(Noption);
}
}
</script>
</head>
<body>
<!-- 请选择省份 -->
<select onchange="selectProvince()"id="province">
<option value="-1">--请选择--</option>
<option value="0">广东省</option>
<option value="1">江苏省</option>
<option value="2">湖南省</option>
<option value="3">海南省</option>
<option value="4">河北省</option>
</select>
<!-- 请选择城市 -->
<select id="city"><option>--市--</option></select>
为什么会有没有定义length的错误