利用javascript自动提取省份相应的城市(超级实用)

JS省份城市联动
本文介绍了一个使用JavaScript实现的省份与城市下拉选择联动效果的方法。通过预定义的城市数组,当用户选择省份时,对应的下属城市会自动加载到另一个下拉列表中。此方案适用于需要快速实现地区选择功能的网页应用。
<html>
<title>option对象</title>
<head>
<script language="javascript">
<!--
var city_arr = new Array();
city_arr[0] = new Array("扬州","001","01");
city_arr[1] = new Array("无锡","001","02");
city_arr[2] = new Array("苏州","001","03");
city_arr[3] = new Array("温州","002","01");
city_arr[4] = new Array("杭州","002","02");
city_arr[5] = new Array("金华","002","03");
function getCity(proID){
var count=6;
document.frm.selCity.length=0;
document.frm.selCity.options[0] = new Option("==所有地区==","");
for(var i=0;i<count;++i){
if(city_arr[i][1]==proID){
document.frm.selCity.options[document.frm.selCity.length] = new Option(city_arr[i][0],city_arr[i][2]);
}
}
}
//-->
</script>
</head>
<body>
<form name="frm">
<select name="selPro" onChange="getCity(document.frm.selPro.options[document.frm.selPro.selectedIndex].value)">
<option value="001" selected>江苏</option>
<option value="002">浙江</option>
</select>
<select name="selCity">
</select>
<script language="javascript">
<!--
getCity(document.frm.selPro.options[document.frm.selPro.selectedIndex].value);
//-->
</script>
</form>
</body>
</html>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值