jQuery select(设置默认选中,获取选中的文本)

最新推荐文章于 2021-09-19 11:52:01 发布

ml863606

最新推荐文章于 2021-09-19 11:52:01 发布

阅读量5.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jQuery select

本文链接：https://blog.youkuaiyun.com/ml863606/article/details/88363724

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用jQuery设置和获取<select>元素的选中项，包括通过val()方法和selectedIndex属性实现。同时，详细解释了如何监听<select>元素的change事件，并在事件触发时获取选中的值和文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
        $("select").val(2);//设置第2节被选中
        $("select").get(0).selectedIndex=2;//下标从0开始,即下标为2选中的是第3个option
	
	//select的change事件
	$("select").change(function(){
            alert($("select").val());//选中的值,对应<option>标签里面的value属性
            alert($("select option:selected").text());//选中的文本值(1)
            alert($("select").find("option:selected").text());//选中的文本值(2)
	})
});
</script>
</head>

<body>
	<select>
		<option value="1">第1节</option>
		<option value="2">第2节</option>
		<option value="3">第3节</option>
	</select>
</body>
</html>