jQuery中下拉框select的操作方法詳解

2021-06-16 06:56:47 字數 2204 閱讀 5360

最近在寫頁面的時候常常遇到要動態增刪改下拉框select的情況,由於我比較習慣用jquery框架來架構我的前端js,所以就順便把各種jquery操作下拉框select的方法總結了一下,收藏起來以便下次用到的時候拿出來翻翻,當然也把這些分享給大家,或許收藏它會給你今後寫jquery帶來方便。

1、jquery獲取當前選中select的text值

1

varchecktext=$("#slc1").find("option:selected").text();

2、jquery獲取當前選中select的value值

1

varcheckvalue=$("#slc1").val();

3、jquery獲取當前選中select的索引值

1

varindex=$("#slc1 ").get(0).selectedindex;

4、jquery獲取指定select的最大索引值

1

varmaxindex=$("#slc1 option:last").attr("index");

5、jquery設定索引值為1的項為當前選中項

1

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

6、jquery設定value值2的項為當前選中項

1

$("#slc1 ").val(2);

7、jquery設定text值為"青藤園"的項為當前選中項

1

$("#slc1 option[text='青藤園']").attr("selected",true);

8、為指定select下拉框追加乙個option(追加到在末尾)

1

$("#slc2"""+i+"");

9、為制定select下拉框插入乙個option(插入到第乙個位置)

1

$("#slc2").prepend("請選擇");

10、jquery刪除select下拉框的最後乙個option

1

$("#slc2 option:last").remove();

11、jquery刪除select下拉框索引值為0的option

1

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

12、jquery刪除select下拉框value為2的option

1

$("#slc2 option[value='2']").remove();

13、jquery刪除select下拉框text為「青藤園」的option

1

$("#slc2 option[text='青藤園']").remove();

好了,差不多用的比較多也就這些,其他的可以根據以上的例子進行舉一反三,需要的同學就收藏了吧,以後可以為你節省很多時間的那!

OAF中下拉框快取問題

在使用oaf開發功能時,經常會遇到下拉框元件,比如查詢面板中的,下拉框元件預設是有快取的,這會導致下拉框中的資料被增加 刪除或者修改後,下拉框依然不會發生變化。所以在開發的過程中一般要把下拉框元件的快取去掉。可以在頁面對應的co中的processrequest方法中去除下拉框快取。如下 public...

jquery 下拉框 收藏

jquery 下拉框 jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 獲 取一組radio被選中項的值 var item input name items checked val 獲 取select被選中項的文字...

專案中下拉框鏈結問題

專案中有乙個需求 使用者開戶模板列表的操作按鈕中新增設為預設模板按鈕,設定完成後,該模板將作為開戶時的預設模板,當開戶頁面載入的時候顯示該模板的資訊,否則顯示請選擇模板,下拉框選中哪個則顯示哪個模板的資訊。請選擇模板 value user templets id defultid date sele...