用jQuery獲得select的值

2021-08-17 10:48:15 字數 1419 閱讀 7110

jq獲取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

9.添除選中項       

$('#test option:selected').remove();
10.刪除項選中(這裡刪除第一項)       

$('#test option:first').remove();
11.指定值被刪除

$('#test option').each(function()

});$('#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);

jquery獲得select選擇框的文字與值

獲得選中值 select id val 獲得選中框的文字值 select id find option selected text 設定select option項 select id prepend 請選擇 在前面插入一項option select id option last remove 刪除...

如何用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 ...

如何用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 ...