利用JS制作省市联动菜单

最新推荐文章于 2022-08-27 09:48:25 发布

feiyangyan0907

最新推荐文章于 2022-08-27 09:48:25 发布

阅读量450

点赞数

本文链接：https://blog.csdn.net/feiyangyan0907/article/details/82858132

版权

<body onload="addPro()"">
	<form>
		<label>现居住地：</label>
		<select id='pro' onchange="loadcity()">
			<option>请选择省份</option>
		</select>
		
		<select id='city'>
			<option>请选择市区</option>
		</select>
	</form>
</body>

myarr=new Array();
myarr['四川省']=['成都市','泸州市','宜宾市','眉山市','绵阳市'];
myarr['云南省']=['昆明市','昭通市','曲靖市','玉溪市','丽江市'];
function addPro(){
	var pro=document.getElementById('pro');
	for(key in myarr){
		pro.add(new Option(key,key));
	}
}
function loadcity(){
	var pro=document.getElementById('pro');
	var index=pro.selectedIndex;
	var val=pro[index].value;
	var city=document.getElementById('city');
	city.options.length=0;
	for(key in myarr[val]){
		city.add(new Option(myarr[val][key],myarr[val][key]));
	}
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

feiyangyan0907

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用JS制作省市联动菜单

&lt;body onload="addPro()""&gt; &lt;form&gt; &lt;label&gt;现居住地：&lt;/label&gt; &lt;select id='pro' onchange="loadcity()"&gt; &lt;option&gt;请选择省份&lt;/option&gt; &l
复制链接

扫一扫