js 省市联动效果连动效果

最新推荐文章于 2023-03-21 08:21:33 发布

javawjy

最新推荐文章于 2023-03-21 08:21:33 发布

阅读量107

点赞数

分类专栏： js效果文章标签： HTML

本文链接：https://blog.csdn.net/javawjy/article/details/83778888

版权

js效果专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script language="javascript">
var areaArray = new Array();
areaArray[areaArray.length]=new Array("1","杭州");
areaArray[areaArray.length]=new Array("2","湖州");
areaArray[areaArray.length]=new Array("3","温州");
areaArray[areaArray.length]=new Array("4","shuozhou");
var townArray = new Array();
townArray[townArray.length]=new Array("1","1","上城区");
townArray[townArray.length]=new Array("1","2","下城区");
townArray[townArray.length]=new Array("2","3","南浔镇");
townArray[townArray.length]=new Array("2","4","菱湖镇");
townArray[townArray.length]=new Array("3","5","乐清");
townArray[townArray.length]=new Array("3","6","苍南");

townArray[townArray.length]=new Array("4","7","huairen");
townArray[townArray.length]=new Array("4","8","yingxian");

function setTown(obj1ID,obj2ID){
var objArea = document.getElementById(obj1ID);
var objTown = document.getElementById(obj2ID);
var i;
var itemArray = null;
if(objArea.value.length > 0){
itemArray = new Array();
for(i=0;i<townArray.length;i++){
if(townArray[i][0]==objArea.value){
itemArray[itemArray.length]=new Array(townArray[i][1],townArray[i][2]);
}
}
}
for(i = objTown.options.length ; i >= 0 ; i--){
objTown.options[i] = null;
}
objTown.options[0] = new Option("请选地区");
objTown.options[0].value = "";
if(itemArray != null){
for(i = 0 ; i < itemArray.length; i++){
objTown.options[i+1] = new Option(itemArray[i][1]);
if(itemArray[i][0] != null){
objTown.options[i].value = itemArray[i][0];
}
}
}
}
</script>
<body>
<table width="99%" border="0" align="center" style="border-bottom:1px solid #cccccc">
<tr>
<td width="10">
<select name="areaid" id="areaid" onChange="setTown('areaid','townid')">
<option value="">请选市县</option>
<option value="1">杭州</option>
<option value="2">湖州</option>
<option value="3">温州</option>
<option value="4">suozhou</option>
</select>
</td>
<td width="10">
<select name="townid" id="townid">
<option value="">请选地区</option>
</select>
</td>
</tr>
</table>
</body>
</html>

javawjy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 省市联动效果连动效果

var areaArray = new Array(); areaArray[areaArray.length]=new Array("1","杭州"); areaArray[areaArray.length]=new Array("2","湖州"); areaArray[areaArray.length]=new Array("3","温州");
复制链接

扫一扫