jquery省市联动

最新推荐文章于 2024-07-21 02:56:05 发布

大雄的哆啦A梦

最新推荐文章于 2024-07-21 02:56:05 发布

阅读量150

点赞数 1

本文链接：https://blog.csdn.net/qq_44063001/article/details/87914394

版权

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../JS/jquery-1.11.0.min.js" ></script>
		
		<script>
				var city=new Array(3);
				city[0]=new Array("直辖市");
				city[1]=new Array("南京","无锡","苏州");
				city[2]=new Array("杭州","宁波","温州");
			

				//加载完毕事件
				$(function(){
					//change事件
					$("select").change(function(){
						//每次选择前,先情况下拉框
						$("#city").empty();
						//获取下拉框选择的值,this=select
						var $a=$(this).val();
						//获取对应的city,下标对应
						var cityarr=city[$a];
						//遍历数组
						$(cityarr).each(function(index,ele){
							//遍历得到的市,添加到id为city的下拉框里面
							$("#city").append("<option>"+this+"</option");
							
						})
					})
	
				})
				
		</script>

		

	</head>


<body>
	
	<select>
		<option id="sheng" value="0">请选择</option>
		<option id="sheng" value="0">上海</option>
		<option id="sheng" value="1">江苏</option>
		<option id="sheng" value="2">浙江</option>
		
	</select>
	
	<select id="city">
		<option>请选择</option>
	</select>

</body>

</html>