js事件编程实现省份联动小案例

最新推荐文章于 2024-06-13 10:52:54 发布

我丢，这么帅气！

最新推荐文章于 2024-06-13 10:52:54 发布

阅读量193

点赞数

文章标签： html5 html javascript

本文链接：https://blog.csdn.net/qq_36725221/article/details/108349365

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网络时钟</title>
		<script>
		function set(){
			var province = document.getElementById("select1").value;
			var address = document.getElementById("select2");
			address.innerHTML = "";
			
			if(province=="甘肃"){
				var arr = ["兰州","陇南","武威","酒泉"];
				for(var i=0;i<arr.length;i++){
					address.innerHTML += "<option value="+arr[i]+">"+arr[i]+"</option>;";
				}
			}
			
			if(province=="陕西"){
				var arr = ["西安","宝鸡","咸阳","延安"];
				for(var i=0;i<arr.length;i++){
					address.innerHTML += "<option value="+arr[i]+">"+arr[i]+"</option>;";
				}
			}
			
			if(province=="广东"){
				var arr = ["深圳","广州","中山","东莞"];
				for(var i=0;i<arr.length;i++){
					address.innerHTML += "<option value="+arr[i]+">"+arr[i]+"</option>;";
				}
			}
		}
		

			
		</script>
	</head>
	<body>
		<table>
			<tr>
				详细地址：
				<select id="select1" onchange="set()">
				<option value="籍贯">籍贯</option>
				<option value="甘肃">甘肃</option>
				<option value="陕西">陕西</option>
				<option value="广东">广东</option>
				</select>
				&nbsp;
				<select id="select2">
					
				</select>
			</tr>
		</table>
		
	</body>
</html>

我丢，这么帅气！

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js事件编程实现省份联动小案例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网络时钟</title> <script> function set(){ var province = document.getElementById("select1").value; var address = document.getElementById("selec
复制链接

扫一扫