jq如何获取选中option的值_使用jquery操作select（获取选中option的值等）

电玩女神 2023-10-04 23:01 18阅读 0赞

$('#ITEM_CODE option:selected').text()获取被选中的文本值。不是value值

总结下使用jQuery操作select的方法。

1.获取第一个候选项的值。

$('\#test option:first').val();

2.获取最后一个候选项的值。

$('\#test option:last').val();

3.获取第二个候选项的值。

$('\#test option:eq(1)').val();

4.获取选中的候选项的值。

$('\#test').val();

$('\#test option:selected').val();

5.设置值为2的候选项为选中状态。

$('\#test').attr('value','2');

6.设置最后一个候选项为选中。

$('\#test option:last').attr('selected','selected');

$("\#test").attr('value' , $('\#test option:last').val());

$("\#test").attr('value' , $('\#test option').eq($('\#test option').length - 1).val());

7.获取候选项列表的长度。

$('\#test option').length;

8.添加一个候选项。

$("\#test").append("第N+1项");

$("第N+1项").appendTo("\#test");

9.删除选中项。

$('\#test option:selected').remove();

10.删除项(这里删除第一项)。

$('\#test option:first').remove();

11.删除指定值。

$('\#test option').each(function() \{if ($(this).val() == '5')\{

$(this).remove();

\}

\});

$('\#test option\[value=5\]').remove();

12.获取第一个分组的标签。

$('\#test optgroup:eq(0)').attr('label');

13.获取第二个分组下面第一个候选项的值。

$('\#test optgroup:eq(1) : option:eq(0)').val();

14.根据候选项的值选中候选项。

$("\#sel option:contains('C')").prop("selected", true);

select在业务表单中使用得非常多，掌握如何使用jQuery去操作select是很有必要的，即使现在的前端发展趋势是提倡操作数据而避免直接操作dom(比如vue)。

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq如何获取选中option的值_使用jquery操作select（获取选中option的值等）

$('ITEM_CODE option:selected').text()获取被选中的文本值。不是value值总结下使用jQuery操作select的方法。 1.

电玩女神/ 2023年10月04日 23:01/ 0 赞/ 19 阅读

相关 select option 根据后台值选中

在写业务的时候,会遇到select根据后台传来的数据来动态的选择option;下面是核心前端代码: html： <input type="hidden" id="s

た入场券/ 2023年02月18日 15:24/ 0 赞/ 269 阅读

相关 jq怎样清除html option,jQuery 获取select选中值及清除选中状态

不会使用jQuery的后台真心伤不起，获取select下拉列表的值都让我搞了好一阵，然而并没有结束，恢复选中状态也是花了我半个小时。这里先记一下省的以后会忘了。获取jQ

旧城等待，/ 2022年10月10日 06:26/ 0 赞/ 298 阅读

相关 jquery怎么获取select选中的值，默认选中

jQuery是控制和操作select详解。 eg： <select id="test"> <option value="1">选项一<option>

拼搏现实的明天。/ 2022年07月13日 11:24/ 0 赞/ 367 阅读

相关 jq 获取option 选中的各种值

$(function(){ $("secAgent").change(function(){ console.log($(t

一时失言乱红尘/ 2022年06月17日 10:48/ 0 赞/ 321 阅读

相关 jQuery获取文本框的值，input和select，option的选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

骑猪看日落/ 2022年06月02日 11:53/ 0 赞/ 401 阅读

相关 jquery 获取被选中的select中被选中的option的值

前提引入jquery文件 -------------------- html页面代码  <select

深藏阁楼爱情的钟/ 2022年04月24日 06:04/ 0 赞/ 414 阅读

相关 jq动态修改select 的option值,使option值自动选中

<script> var value=<?php echo $typeid;?>; $('select').find("option[value="+v

ゝ一世哀愁。/ 2021年09月26日 09:12/ 0 赞/ 559 阅读

相关 js/jQuery select标签获取值/option 选中事件

前言 select标签是常规下拉菜单的第一选择常用的select标签形式 <select id="test" name="">

忘是亡心i/ 2021年09月16日 06:16/ 0 赞/ 703 阅读

相关 JQuery——获取select选中的value值、text等

摘要： > JQuery是可以通过thi来获取当前点击的元素的内容的，但是select貌似是一个比较特殊的存在，好像无法用this的方式来获取其选中的value值。 > >

电玩女神/ 2021年06月11日 15:11/ 0 赞/ 619 阅读