级联菜单实现案例

最新推荐文章于 2024-04-30 16:07:36 发布

十里相思

最新推荐文章于 2024-04-30 16:07:36 发布

阅读量591

点赞数

本文链接：https://blog.csdn.net/weixin_43986060/article/details/86524598

版权

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var cits = new Array();
			cits['辽宁'] = ['沈阳', '大连', '鞍山'];
			cits['吉林'] = ['吉林', '长春', '四平'];
			cits['黑龙江'] = ['哈尔滨', '齐齐哈尔', '牡丹江'];

			function getCits(prov) {
				var city = document.getElementById('city');
				city.options.length = 1;
				var i = prov.options[prov.selectedIndex].innerText;
				if(i != '请选择') {
					for(n = 0; n < cits[i].length; n++) {
						var c = new Option(cits[i][n], n + 1);
						city.options.add(c);
					}
				}
			}
		</script>
	</head>

	<body>
		<select id="prov" onchange="getCits(this)">
			<option value="0">请选择</option>
			<option value="1">辽宁</option>
			<option value="2">吉林</option>
			<option value="3">黑龙江</option>
		</select>
		<select id="city">
			<option value="0">请选择</option>
		</select>
	</body>

</html>