PHP程序员小白到大牛集训(12期免息)
首页 >web前端 >前端问答 > 正文

jquery怎么修改select的选中值

原创2022-09-07 17:57:281155 + Vue前端学习QQ群(点击入群)

修改步骤:1、使用属性选择器选取原选中值,并利用attr()函数将选中状态去除,语法“$("[selected]").attr("selected", false);”;2、通过id属性值获取指定option元素,并利用attr()函数给该元素设置选中状态,语法“$("#id值").attr("selected", "selected");”。

前端(vue)入门到精通课程:进入学习
API 文档、设计、调试、自动化测试一体化协作工具:点击使用

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

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

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

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

jquery修改select选中值的方法

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

属性描述
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。

实现步骤:

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

$("[selected]").attr("selected", false);
登录后复制

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

$("#id值").attr("selected", "selected");
登录后复制

实现示例代码



	
		
		
		
	
	
		
		
	
登录后复制

1.gif

说明:

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

设置单个属性的语法

$(selector).attr(attribute,value)
登录后复制
参数描述
attribute规定属性的名称。
value规定属性的值。

设置多个属性/值对

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

$(selector).attr({attribute:value, attribute:value ...})
登录后复制
参数描述
attribute:value规定一个或多个属性/值对。

【推荐学习:jQuery视频教程web前端视频

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

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:jquery
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    后端、前端、测试,同时在线协作,内容实时同步

    支持grpc,http,websocket,socketio,socketjs类型接口调试

    相关文章

    相关视频


    视频教程分类

    专题推荐

    官方公众号

    php中文网课程

    扫码关注官方公众号
    回复“phpcn01”领取php学习资料课程
    全套工具、电子书、脑图、内部课程等

    推荐视频教程

    开通VIP会员课 0元学

    热门推荐