js下拉菜单出现Undefined，二级联动菜单出错？

JavaScript016

js下拉菜单出现Undefined，二级联动菜单出错？,第1张

中括号之间的逗号不能省略例如['0601 工业用地', '0602 采矿用地', '0603 盐田', '0604 仓储用地'] ['0701 城镇住宅用地', '0702 农村宅基地']两个 ][ 之间要加英文逗号

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<script>

var city=[["北京","天津","上海","重庆"] ]

function getCity(){

var sltProvince=document.getElementById("province")

var sltCity=document.getElementById("city")

var provinceCity=city[sltProvince.selectedIndex-1]

sltCity.length=1

for(var i=0i<provinceCity.lengthi++){

sltCity[i+1]=new Option(provinceCity[i],provinceCity[i])

}

}

//这里就是取当前被选中的下拉框的值。

function showInfo(){

var sltProvince=document.getElementById("province")

var sltCity=document.getElementById("city")

for(var i=0i<sltCity.lengthi++){

if(sltCity.options[i].selected)

document.getElementById("cityValue").innerHTML=sltCity.options[i].value

}

for(var i=0i<sltProvince.lengthi++){

if(sltProvince.options[i].selected)

document.getElementById("pro").innerHTML=sltProvince.options[i].value

}

}

</script>

</head>

<BODY>

<form action="somepage.asp" name=theForm">

<select name="province" id="province" onchange="getCity()">

<option value="0" selected>请选择所在省份</option>

<option value="直辖市">直辖市</option>

</select>

<select id="city" name="city">

<option value="0">请选择所在城市</option>

</select>

<input type="button" onclick="showInfo()"/>

</form>

<div id="showvalue">

省份：<span id="pro"> </span>  城市 ： <span id="cityValue"> </span>

</div>

</BODY>

</HTML>

自己写的。测试了。看看是不是你想要的结果。

不知道你list中的数据有没有问题，但是，document.getElementById不能在还没有加载某dom时操作它，也就是说，你要把这一段JS放在<select id="major" name="major"></select>的后面。

你可以试试看。