您的位置：首页 > Web前端 > JavaScript

js关于省市的二级下拉菜单联动

2015-12-30 22:47 633 查看

<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">
<title>省市联动</title>
<script type="text/javascript">

/*

根据下面给定的数组完成二级下拉列表联动

提示：1:添加一个下拉框可以用下面语法

obj.add(new Option('option的value','option的文本值'));

2:对没有数字下标的循环可以使用for in循环

3:下拉框清空可以使用city.options.length=0;

*/

var arr = Array();

arr['安徽省']=['合肥','芜湖','安庆'];

arr['广东省']=['广州','深圳','珠海'];

window.onload=function(){

var pro=document.getElementById('province');

var city=document.getElementById('city');

for(var i in arr){

pro.add(new Option(i,i));

}

pro.onchange=function(){

city.options.length=1;

var m=pro.value;

if(m!=0){

for(var j in arr[m]){

city.add(new Option(arr[m][j],arr[m][j]))
;

}

}

}

}

</script>

</head>

<body>

<select id="province">
<option value="">--选择省会--</option>

</select>

<select id="city">

<option value="">--选择城市--</option>

</select>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航