JS省市联动代码

最新推荐文章于 2021-10-09 23:53:06 发布

ASCEICY

最新推荐文章于 2021-10-09 23:53:06 发布

阅读量389

点赞数

本文链接：https://blog.csdn.net/ASCEICY/article/details/51381702

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>省市联动</title>
</head>
<script>
var arr=new Array();
arr["请选择"]=[""];
arr["广东"]=["请选择","广州","深圳","珠海","佛山","汕头","中山","湛江"];
arr["江西"]=["请选择","南昌","九江","赣州","宜春","抚州","吉安","景德镇"];
arr["浙江"]=["请选择","杭州","宁波","温州","台州","绍兴","湖州","嘉兴"];
arr["江苏"]=["请选择","南京","无锡","徐州","常州","苏州","淮安","盐城"];
function addProvince(){
var p=document.getElementById("province");
for(var i in arr){
p.add(new Option(i,i),null);
}
}
function addCity(){
var c=document.getElementById("city");
c.options.length=0;
var p=document.getElementById("province");
var v=p.value;

for(var i=0;i<arr[v].length;i++){
c.add(new Option(arr[v][i]),null);
}
}
</script>
<body>
请选择：
<select id="province" οnchange="addCity()">
</select>省
<select id="city">
</select>市
<script>
addProvince();

</script>
</body>
</html>