jquery模拟点击select事件

发布于 / WEB前端 / 0 条评论

jquery模拟点击select事件


关键点是给select选择框同时加上selected属性和change()事件。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>123</title>
		<script src="jquery-2.1.1.min.js"></script>
		<script>
			$(function(){
				$("#h2 h2").click(function(){
					$("#select option[value='标题三']").prop('selected','selected');
					$("#select option[value='标题三']").change();
				})
				
			})
		</script>
	</head>
	<body>
		<div id="h2">
			<h2>标题一</h2>
			<h2>标题二</h2>
			<h2>标题三</h2>
			<h2>标题四</h2>
		</div>
		<select id="select">
			<option value="123">标题一</option>
			<option value="456">标题二</option>
			<option value="789">标题三</option>
			<option value="111">标题四</option>
		</select>
	</body>
</html>
转载原创文章请注明,转载自: 木槿昔年 BLOG » jquery模拟点击select事件
沙发空缺中,还不快抢~