javascript多级互联菜单

直接上代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function getCity(index){
document.getElementById('citys').length=1;
var arr = [['长春','四平','公主岭'],['沈阳','大连','营口'],['哈尔滨']];
if(index != 'sss'){
var citys = arr[index];
for (var i= 0;i<citys.length ; i++){
var city = citys[i];
var opt = document.createElement('option');
opt.innerHTML = city;
document.getElementById('citys').appendChild(opt);
}
}
}
</script>
</head>
<body>
<select name="" onchange="getCity(this.value)">
<option value="sss" selected>--请选择省--</option>
<option value="0">吉林省</option>
<option value="1">辽宁省</option>
<option value="2">黑龙江省</option>
</select>
<select name="" id="citys">
<option value="sss" selected>--请选择市--</option>
</select>
</body>
</html>这里的document.getElementById('citys').length=1;是什么意思？

解决方案 »

  1.   

    意思是让下拉框只有一个option 
    也就是每次change时 市的option先清掉 只保留一个"--请选择市--"这么一个选项
    这是js中控制下拉框option一个比较简洁的写法 楼主记住吧 很有用的
      

  2.   

    在每次onchange时，使"--请选择市-"这个select下开始只有一个option，亦即"--请选择市-"这一项，
    下面的操作再添加！楼主可以把一改为0,自己试下，就会知道了。。
    （document.getElementById('citys').length指的就是select下面option的个数！！）