环球快看：jquery怎么修改select的选中值

本教程操作环境：windows7系统、jquery3.6.1版本、Dell G3电脑。

select 元素可创建单选或多选菜单。

(相关资料图)

option 元素定义下拉列表中的一个选项（一个条目）。

浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。

jquery修改select选中值的方法

在jquery中，可以通过给指定option元素添加selected属性来修改select选中值。

属性	值	描述
selected	selected	规定选项（在首次显示在列表中时）表现为选中状态。

实现步骤：

步骤1、使用属性选择器选取原选中值，并利用attr()函数将选中状态去除

$("[selected]").attr("selected", false);

步骤2、通过id属性值获取指定option元素，并利用attr()函数给该元素设置选中状态

$("#id值").attr("selected", "selected");

实现示例代码

<script src="js/jquery-3.6.1.min.js"></script><script type="text/javascript">$(document).ready(function() {$("button").click(function() {$("[selected]").attr("selected", false);$("#opel").attr("selected", "selected");});});</script>

请选择选项 Volvo Saab Opel Audi修改选中值为Opel

说明：

attr() 方法可以设置被选元素的属性和值。

设置单个属性的语法

$(selector).attr(attribute,value)

设置多个属性/值对

为被选元素设置一个以上的属性和值。

$(selector).attr({attribute:value, attribute:value ...})

【推荐学习：jQuery视频教程、web前端视频】

以上就是jquery怎么修改select的选中值的详细内容，更多请关注php中文网其它相关文章！

关键词： 怎么修改 相关文章 视频教程