最近在寫頁面的時候常常遇到要動態增刪改下拉框select的情況,由於我比較習慣用jquery框架來架構我的前端js,所以就順便把各種jquery操作下拉框select的方法總結了一下,收藏起來以便下次用到的時候拿出來翻翻,當然也把這些分享給大家,或許收藏它會給你今後寫jquery帶來方便。
1、jquery獲取當前選中select的text值
1
var
checktext=$(
"#slc1"
).find(
"option:selected"
).text();
2、jquery獲取當前選中select的value值
1
var
checkvalue=$(
"#slc1"
).val();
3、jquery獲取當前選中select的索引值
1
var
index=$(
"#slc1 "
).get(0).selectedindex;
4、jquery獲取指定select的最大索引值
1
var
maxindex=$(
"#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...