初学Html5+CSS之表单的省级联动

最新推荐文章于 2024-04-02 12:37:14 发布

风偏偏

最新推荐文章于 2024-04-02 12:37:14 发布

阅读量980

点赞数

本文链接：https://blog.csdn.net/TwoDogsAri/article/details/78527007

版权

代码如下：

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="js/jquery-1.11.1.js"></script>
	<script>
	$(function() {
	var shengfen = [["邯郸", "仓州"], ["安阳", "洛阳"]];
	//给省份选项改变的事件
	$("#pro").change(function() {
	//清空上次
	$("#cityx").siblings().remove();
	var sheng = $(this).val();//省份对应value
	for(var i = 0; i < shengfen[sheng].length; i++) {
	var $o = $("<option></option>");//创建option标签
	$o.html(shengfen[sheng][i]);
	$("#city").append($o);
	}
	});
	});
	</script>
	</head>
	<body>
	<form>
	<select id="pro">
	<option>---请选择省份</option>
	<option value="0">河北省</option>
	<option value="1">河南省</option>
	</select>
	<select id="city">
	<option id="cityx">---请选择城市</option>
	</select>
	</form>
	</body>
	</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注