select option selected不起作用

最新推荐文章于 2024-07-20 20:11:36 发布

tyasdxx

最新推荐文章于 2024-07-20 20:11:36 发布

阅读量3.6k

点赞数

分类专栏： html javascript

本文链接：https://blog.csdn.net/macwhirr123/article/details/80000978

版权

javascript 同时被 2 个专栏收录

29 篇文章 1 订阅

订阅专栏

html

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">

</script>

<script src="jquery-2.1.4.min.js"></script> 
<style>
body{font-size:30px;}
</style>
</head>
<body>

<select name="selectp" >
<option value="0" selected>不限</option>
</select>

<hr/>
<a href="javascript:;" class="aaa"> 点击</a>
</body>
</html>

<script type="text/javascript">

$("select").html('<option value="0" selected>不限</option> <option value="1" >111</option> <option value="2" >2222</option> <option value="3" >333</option>');

$("select").find("option[value='2']").attr("selected",true);

$('.aaa').click(function() {
	//alert(222);
	$("select").find("option").attr("selected",false);//先取消全部选中
	$("select").find("option[value='3']").attr("selected",true);//再设置选中某个
});
</script>