JavaScript：两个select列表联动

最新推荐文章于 2023-10-12 11:15:52 发布

杨鑫（青岛理工大学）

最新推荐文章于 2023-10-12 11:15:52 发布

阅读量1.2k

点赞数 4

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_41678597/article/details/122291346

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<select id="sel1" onchange="selectProv()">
	<option value="">请选择省份</option>
	<option value="0">北京市</option>
	<option value="1">山东省</option>
</select>
<select id="sel2">
	<option value="">请选择市/区</option>
</select>

var arrs = [];
arrs[0] = ["海淀区","昌平区","朝阳区","通州区","大兴区"];
arrs[1] = ["济南","青岛","日照","威海","潍坊","东营"];
	
function selectProv(){
	var provinceIndex = document.getElementById('sel1').value;
	var str = "<option value=''>请选择市/区</option>";
	if(provinceIndex!=""){
		var cities = arrs[provinceIndex];			
		for(var i = 0; i < cities.length; i++)
			str += "<option value=''>"+ cities[i] +"</option>";
	}
	document.getElementById("sel2").innerHTML = str;
}