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

javascript省市联动

2015-09-23 16:27 489 查看

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>script</title>

<script tp="text/javascript">

var arr=new Array();

arr[arr.length]=[1,'北京市',null];

arr[arr.length]=[2,'四川省',null];

arr[arr.length]=[3,'福建省',null];

arr[arr.length]=[4,'浙江省',null];

arr[arr.length]=[16,'杭州市',4]

arr[arr.length]=[15,'北京市',1];

arr[arr.length]=[5,'成都市',2];

arr[arr.length]=[6,'福州市',3];

arr[arr.length]=[7,'厦门市',3];

arr[arr.length]=[8,'泉州市',3];

arr[arr.length]=[9,'漳州市',3];

arr[arr.length]=[10,'三明市',3];

arr[arr.length]=[11,'龙岩市',3];

arr[arr.length]=[12,'宁德市',3];

arr[arr.length]=[13,'莆田市',3];

arr[arr.length]=[14,'南平市',3];

function sb(tp){
if(tp=='shen'){
var shen=document.getElementById("shen");//获得省的下拉列表
shen.innerHTML='';//内容为空
var one='<option value=""></option>'//填充省的字符
for(var i=0; i<arr.length;i++){//遍历数组
var item=arr[i];//当前项
if(item[2]==null)//
one+='<option value='+item[0]+'>'+item[1]+'</option>';

}
shen.innerHTML=one;//填充新内容
}else if(tp=='shi'){//获得省份的Id
var three=document.getElementById("shen").value;
if(three=='')
return false;
var shi=document.getElementById("shi");//获取下拉列表
shi.innerHTML="";
var two='<option value=""></option>';
for(var i=0;i<arr.length;i++){
var item=arr[i];
if(item[2]==three)
two+='<option value='+item[0]+'>'+item[1]+'</option>'
}
shi.innerHTML=two;
}
}

</script>

</head>

<body style="text-align:center的;" onLoad="sb('shen')">

<form>

姓名:<input type="text" name="name"><br/>

密码:<input type="password" name="name"><br/>

省份:<select id="shen" onChange="sb('shi')"></select><br/><br/>

城市:<select id="shi"></select>

</form>

</body>

</html>

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

标签：

相关文章推荐

新的分享

章节导航