Jquery操作select選項集合

2022-07-05 04:45:11 字數 1336 閱讀 1700

query獲取select選擇的text和value:

語法解釋:

1. $("#select_id").change(function());    //為select新增事件,當選擇其中一項時觸發

2. var checktext=$("#select_id").find("option:selected").text(); //

獲取select選擇的text

3. var checkvalue=$("#select_id").val(); //

獲取select選擇的value

4. var checkindex=$("#select_id ").get(0).selectedindex; //

獲取select選擇的索引值

5. var maxindex=$("#select_id option:last").attr("index"); //

獲取select最大的索引值

jquery設定select選擇的text和value:

語法解釋:

1  $("#select_id ").get(0).selectedindex=1;   //

設定select索引值為1的項選中

2 $("#select_id ").val(4); //

設定select的value值為4的項選中

3 $("#select_id option[text='jquery']").attr("selected", true); //

設定select的text值為jquery的項選中

jquery新增/刪除select的option項:

語法解釋:

為select追加乙個option(下拉項)

2 $("#select_id").prepend("請選擇"); //

為select插入乙個option(第乙個位置)

3 $("#select_id option:last").remove(); //

刪除select中索引值最大option(最後乙個)

4 $("#select_id option[index='0']").remove(); //

刪除select中索引值為0的option(第乙個)

5 $("#select_id option[value='3']").remove(); //

刪除select中value='3'的option

6 $("#select_id option[text='4']").remove(); //

刪除select中text='4'的option

select 全選和反選 jquery

checkbox id in shareuser 10 name shareuser value 10 10 checkbox id in shareuser 11 name shareuser value 11 11 checkbox id in shareuser 12 name shareus...

使用jquery操作select

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...

jquery操作select大全

jquery獲取select選擇的text和value 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...