jQuery對Select的操作

2021-06-29 11:02:33 字數 1339 閱讀 6523



jquery獲取select選擇的text和value:

選擇一項試試看

語法解釋:

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

2. var checktext=$("#select_id").find("option:selected").text();  //獲取select選擇的text

或var checktext=$("#select_id  option:selected").text();//獲取select選擇的text值

3. var checkvalue=$("#select_id").val();  //獲取select選擇的value

或var checktext=$("#select_id  option:selected").val();//獲取select選擇的value值

4. var checkindex=$("#select_id ").get(0).selectedindex;  //獲取select選擇的索引值

5. var maxindex=$("#select_id option:last").attr("index");  //獲取select最大的索引值

6.$("#select_id ").get(0).selectedindex=1;  //設定select索引值為1的項選中

7.$("#select_id ").val(4);   //設定select的value值為4的項選中

8. $("#select_id option[text='jquery']").attr("selected", true);   //設定select的text值為jquery的項選中

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

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

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

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

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

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

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

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

//刪除select中value='3'的option

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

//刪除select中text='4'的option

jquery對select下拉框的基本操作大全

四級分類 請選擇四級分類 if thirdlevel val 0 if fourthlevelid val 0 這個表示 假如我們希望當選擇選擇第三類時 如果第四類中有資料則刪除,如果沒有資料第四類的商品中的為預設值。在後面學習了ajax技術後經常會使用到!獲取select 獲取select 選中的...

jQuery 對 Select 的操作

取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 testselect val 記性不好的可以收藏下 1,下拉框 稍微解釋一下 1.select name country optio...

jQuery對select的操作

獲取select 獲取select 選中的 text selectid find option selected text 獲取select選中的 value selectid val 獲取select選中的索引 selectid get 0 selectedindex 設定select 設定sel...