<!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>
分享到:
相关推荐
Android spinner 省市区三级连动源码.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果三级联动效果
JS省市区三级连动并显示所选的省市区,代码可以直接运行
通过js 实现年月日连动 带实例。通过js 实现年月日连动 带实例。
省市县三级连动 省市县三级连动省市县三级连动JS+html 资源
数据库,仅用JS+XML实现无刷新。 将代码另存为city.htm和city.xml即可看到效果,不需要服务器支持
js无刷新动态省市县连动控件,好组件网页必备
2个数据库,在怎么都有一个你需要的东西.
省市区县四级连动菜单
省市连动纯Js版 不错,挺好用的!做网站必须用的!
Jason三级省市县连动 Jason三级省市县连动 Jason三级省市县连动 Jason三级省市县连动
JavaScript 实现连动下拉框 JavaScript 实现连动下拉框
常见的省市连动程序.
iosSelect.js 省市县乡村五级分类js和css文件
省市三级联动JS插件,数据来源:最新县及县以上行政区划代码
js 实现三级连动,它不会影响你得运行速度 此为全国各省市的名称!
省市连动菜单,拖入即可使用,选择省直接显示下面相关的所有市级城市。
一个相当好用的省市县连动,可以设置具体使用那些,简单易用
网页版的省市联动,主要使用的是javascript脚本
很好的效果,通过js实验下拉菜单二级连动