二级联动，城市改变

最新推荐文章于 2024-08-06 18:58:51 发布

MR.Q@

最新推荐文章于 2024-08-06 18:58:51 发布

阅读量82

点赞数

文章标签： html5 css3

本文链接：https://blog.csdn.net/lsq_com/article/details/113443514

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var cities = new Array(3);
			cities[0] = new Array("武汉市", "黄冈市", "襄阳市", "荆州市");
			cities[1] = new Array("长沙市", "郴州市", "株洲市", "岳阳市");
			cities[2] = new Array("石家庄市", "邯郸市", "廊坊市", "保定市");
			cities[3] = new Array("郑州市", "洛阳市", "开封市", "安阳市");

			function changeCity(val) {
				var c = document.getElementById("city");
				c.options.length = 0;
				for (var i = 0; i < cities.length; i++) {
					if (val == i) {
						for (var j = 0; j < cities[i].length; j++) {
							var a = document.createTextNode(cities[i][j]);
							var b = document.createElement("option");
							b.appendChild(a);
							c.appendChild(b);
						}
					}
				}
			}
		</script>
	</head>
	<body>
		<select onchange="changeCity(this.value)">
			<option>--请选择--</option>
			<option value="0">湖北</option>
			<option value="1">湖南</option>
			<option value="2">河北</option>
			<option value="3">河南</option>
		</select>
		<select id="city">

		</select>
	</body>
</html>

二级城市联动，初次进入的小伙伴，第一堂课都会学这个

MR.Q@

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二级联动，城市改变

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> var cities = new Array(3); cities[0] = new Array("武汉市", "黄冈市", "襄阳市", "荆州市"); cities[1] = new Array("长沙市", "郴州市", "株洲市",
复制链接

扫一扫