如何用jQuery获得select的值

以你之姓@ 2023-02-24 11:09 184阅读 0赞

**如何用jQuery获得select****的值，在网上找了看了一下，下面将总结一下：**

**1.获取第一个option的值       **

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

**2.最后一个option的值        **

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

**3.获取第二个option的值      **

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

**4.获取选中的值             **

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

**5.设置值为2的option为选中状态   **

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

**6.设置最后一个option为选中**

$('#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.获取select的长度            **

$('#test option').length;

**8.添加一个option**

$("#test").append("<option value='n+1'>第N+1项</option>");
    
    $("<option value='n+1'>第N+1项</option>").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.获取第一个Group的标签**

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

**13.获取第二group下面第一个option的值**

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

**14.根据option的值选中option**

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

发表评论取消回复

表情：

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

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

相关阅读

相关 (Jquery功能篇) Jquery 实现获取Select 的值

截图展示： ![Center][] 第一步：jsp 代码： <select id="where" οnchange="change()"> <op

╰半橙微兮°/ 2023年10月18日 22:38/ 0 赞/ 120 阅读

相关如何用jQuery获得select的值

如何用jQuery获得select的值，在网上找了看了一下，下面将总结一下： 1.获取第一个option的值 $('test option:first

以你之姓@/ 2023年02月24日 11:09/ 0 赞/ 185 阅读

相关转：jquery获得select option的值和对select option的操作

[转：jquery获得select option的值和对select option的操作][jquery_select option_ _select option]

阳光穿透心脏的1/2处/ 2022年08月18日 01:52/ 0 赞/ 205 阅读

相关 Jquery如何获取select选中项自定义属性的值？

Jquery如何获取select选中项自定义属性的值？得出的是undefined!! 怎么获取select选中项中的自定义属性“emoney”的值！？？ \--

雨点打透心脏的1/2处/ 2022年06月17日 01:06/ 0 赞/ 225 阅读

相关 jquery获得select选择框的文本与值

获得选中值：`$('select_id').val()` 获得选中框的文本值：`$('select_id').find('option:selected').text()`

缺乏、安全感/ 2022年06月16日 21:12/ 0 赞/ 196 阅读

相关 jquery获取select标签选中的值

一、jquery获取select标签选中的值： 1、html代码如下： <select class="time" id='startHour'>

红太狼/ 2022年06月08日 05:19/ 0 赞/ 1478 阅读

相关 jQuery 初始化select时如何赋值多个值？

function initSelect()\{ var list = \[\{id:"111", text:"111"\},\{id:"222",

- 日理万妓/ 2022年05月24日 05:39/ 0 赞/ 209 阅读

相关 Jquery获得服务器控件值的方法

由于ASP.NET网页运行后，服务器控件会随机生成客户端id，jquery获取时候不太好操作，google了下，总结有以下3种方法：服务器控件代码：<asp:TextBox

￡神魔★判官ぃ/ 2022年03月29日 05:48/ 0 赞/ 204 阅读

相关 jquery获得select option的值和对select option的操作

<table style="table-layout:fixed;"> <tbody> <tr> <td> <div> <p><s

╰+哭是因爲堅強的太久メ/ 2021年11月22日 09:38/ 0 赞/ 345 阅读

相关 javascript jquery 获取select选中的值

误区：一直以为jquery获取select中option被选中的文本值，是这样写的： $("\id").text(); //获取

淡淡的烟草味﹌/ 2021年07月28日 14:53/ 0 赞/ 546 阅读