省市联动

最新推荐文章于 2025-05-07 13:09:28 发布

NewBee.Mu

最新推荐文章于 2025-05-07 13:09:28 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/NewBeeMu/article/details/98176072

前端专栏收录该内容

26 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="img/jquery-3.4.1.js"></script>
		<script>
			var provinces = [
				["深圳市","东莞市","惠州市","广州市"],
				["长沙市","岳阳市","株洲市","湘潭市"],
				["厦门市","福州市","漳州市","泉州市"]
			];
			$(function(){
				$("#province").change(function(){
					var cities = provinces[this.value];
					$("#city").empty(); 
					$(cities).each(function(i,n){
						$("#city").append("<option>"+n+"</option>");
					});
				});
			});
		</script>
	</head>
	<body>
		<select id="province">
			<option value="-1">--请选择--</option>
			<option value="0">广东省</option>
			<option value="1">湖南省</option>
			<option value="2">福建省</option>
		</select>
		<!--选择城市-->
		<select id="city">
			<option value="0" name="city">请选择</option>
		</select>
	</body>
</html>