使用jquery操作select

2021-06-08 05:17:47 字數 1186 閱讀 1253

jquery獲取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項:

語法解釋:

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

5. $("#select_id option[text='4']").remove();   //刪除select中text='4'的option

使用JQUERY操作Radio

發展中經常使用radio為了實現使用者的選擇的影響。我在該專案中使用的一些jquery操作radio該方法。這裡分享,對於有需要的朋友參考的。1 變化radio選擇。引發一些結果 input radio name dialcheckresult change function 2 讓頁面中全部的ra...

使用jQuery操作DOM

首先要了解為什麼要使用jquery操作dom 先對比一下js操作dom和jquery操作dom 使用js操作的方法 window.onload function 使用jquery操作的方法 function 對比一下,不難發現,使用jquery的方式來操作dom更加的簡介,方便 用jqueryx操作...

使用jquery操作iframe

使用jquery操作iframe 1 內容裡有兩個ifame leftiframe中jquery改變mainiframe的src mainframe parent.document.body attr src url 2 如果內容裡面有乙個id為mainiframe的ifame ifame包含乙個s...