JQuery select控制項的相關操作

2022-09-03 15:48:15 字數 2232 閱讀 5386

本文**於

jquery獲取和設定select選項方法彙總如下:

獲取select

先看看下面**:$("

#select_id

").change(function());

//為select新增事件,當選擇其中一項時觸發

var checktext=$("

#select_id

").find("

option:selected

").text(); //

獲取select選擇的text

var checkvalue=$("

#select_id

").val(); //

獲取select選擇的value

var checkindex=$("

#select_id

").get(0).selectedindex; //

獲取select選擇的索引值

var maxindex=$("

#select_id option:last

").attr("

index

"); //

獲取select最大的索引值

$("#select_id

").get(0).selectedindex=1; //

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

$("#select_id

").val(4); //

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

$("#select_id option[text='jquery']

").attr("

selected

", true); //

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

獲取select 選中的 text :$("

#ddlregtype

").find("

option:selected

").text();

獲取select選中的 value:$("

#nowamagic

").val();

獲取select選中的索引:$("

#nowamagic

").get(0

).selectedindex;

設定select

jquery新增/刪除select的option項:$("

#select_id

text

"); //

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

$("#select_id

").prepend("

請選擇"); //

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

$("#select_id option:last

").remove(); //

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

$("#select_id option[index='0']

").remove(); //

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

$("#select_id option[value='3']

").remove(); //

刪除select中value='3'的option

$("#select_id option[text='4']

").remove(); //

刪除select中text='4'的option

設定select 選中的索引:

//index為索引值

$("#nowamagic

").get(0).selectedindex=index;

設定select 選中的value:$("

#nowamagic

").attr("

value

","normal");

$("#nowamagic

").val("

normal");

$("#nowamagic

").get(0).value =value;

設定select 選中的text:

var count=$("

#nowamagicoption

").length;

for(var i=0;i)

}清空 select:$(

"#nowamagic

").empty();

Jquery Select2控制項使用心得

前段時間使用了select2控制項處理下拉列表,搞了一整天才搞明白,記錄下心得。參考官網 該控制項我使用了兩種方式 1 基本用法 2 ajax用法。先說第乙個基本用法,該方式適用於比較小資料量時,一次把所有資料載入到template裡邊的元件,然後由select2對進行解析,例如 select id...

jQuery Select的操作集合

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

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...