根据省的切换,市也能进行及时的更新。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<select id="sheng" onchange="getShi()"></select>
<select id="shi"></select>
</body>
<script type="text/javascript">
var arr=new Array();
arr["山东省"]=["青岛市","济南市","烟台市","日照市","潍坊市"];
arr["湖南省"]=["长沙市","株洲市","湘潭市","岳阳市","常德市"];
arr["安徽省"]=["合肥市","芜湖市","安庆市","黄山市"];
//arr.length 二维数组的长度3,个数,从1开始数
//arr[2].length 二维数组中下标为2的一维数组的个数 4
window.onload=function getSheng(){
//获取省的对象
var sheng=document.getElementById("sheng");
for(var i in arr){
// console.log(i); //二维数组的下标 "山东省" "湖南省" "安徽省"
var op=new Option(i,i);
sheng.options.add(op);
}
getShi();
}
function getShi(){
//获取省的对象,用于取value的值
var n=document.getElementById("sheng").value;
//获取市的对象
var shi=document.getElementById("shi");
var shis=arr[n]; //把二维数组中下标是"山东省"的一维数组取到
//每次添加option之前,要清0
shi.options.length=0;
for(var i in shis){
// console.log(i); //一维数组的下标
var op=new Option(shis[i],i);
shi.options.add(op);
}
}
</script>
</html>