选择城市中总是添加不到定义的那些城市 ，错哪了？求指点
选择城市中总是添加不到定义的那些城市 ，哪里错了？求指点
<body>
<script type="text/javascript">
function selectCity(){
var collCity=[[选择城市],
['海淀区','朝阳区','东城区','西城区'],
['济南','青岛','烟台','威海'],
['沈阳','大连','鞍山','抚顺']
['邢台','保定','廊坊','石家庄']];
var oselNode=document.getElementById("selcity");
var oselsubNode=document.getElementById("subselcity");
var index=oselNode.selectedIndex;
var arrCity=collCity[index];
for(var x=0;x<arrCity.length;x++){
var ooptNode=document.createElement("option");
ooptNode.innerHTML=arrCity[x];
oselsubNode.appendChild(ooptNode);
}
}
</script>
<select id="selcity" onchange="selectCity()">
<option>选择省市</option>
<option>北京</option>
<option>山东</option>
<option>辽宁</option>
<option>河北</option>
</select>
<select id="subselcity">
<option>选择城市</option>
</select>
</body>
------解决方案--------------------
数组没写规范
另外换省之后应先把上一个省的城市去掉
<body>
<script type="text/javascript">
function selectCity(){
var collCity=[[选择城市],
['海淀区','朝阳区','东城区','西城区'],
['济南','青岛','烟台','威海'],
['沈阳','大连','鞍山','抚顺']
['邢台','保定','廊坊','石家庄']];
var oselNode=document.getElementById("selcity");
var oselsubNode=document.getElementById("subselcity");
var index=oselNode.selectedIndex;
var arrCity=collCity[index];
for(var x=0;x<arrCity.length;x++){
var ooptNode=document.createElement("option");
ooptNode.innerHTML=arrCity[x];
oselsubNode.appendChild(ooptNode);
}
}
</script>
<select id="selcity" onchange="selectCity()">
<option>选择省市</option>
<option>北京</option>
<option>山东</option>
<option>辽宁</option>
<option>河北</option>
</select>
<select id="subselcity">
<option>选择城市</option>
</select>
</body>
------解决方案--------------------
数组没写规范
var collCity=[['选择城市'],
['海淀区','朝阳区','东城区','西城区'],
['济南','青岛','烟台','威海'],
['沈阳','大连','鞍山','抚顺'],
['邢台','保定','廊坊','石家庄']];
另外换省之后应先把上一个省的城市去掉