jQuery select獲取選中的值資料記錄

(一) query獲取select選擇的text和value:

1.為select新增事件，當選擇其中一項時觸發

$(
"#select_id"
).change(function())
;

2.獲取select選擇的text

var checktext=
$("#select_id"
).find(
"option:selected"
).text(
);

3.獲取select選擇的value

var checkvalue=
$("#select_id"
).val(
);

4.獲取select選擇的索引值

var checkindex=
$("#select_id"
).get(0).selectedindex;

5.獲取select最大的索引值

var maxindex=
$("#select_id option:last"
).attr(
"index"
);

(二) jquery設定select選擇的 text和value:

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

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

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

$(
"#select_id"
).val(4)
;

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

$(#select_id option[text=
'jquery'
]").attr(
"selected", true)
;

(三) jquery新增/刪除select的option項：

1. $(
"#select_id"
)"text"
); //為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
6. $(
"#select_id option[text='4']"
).remove(
); //刪除select中text=』4』的option

jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，獲取被選中項的值

文字框，文字區域：$(「#txt」)
.attr(「value」)；
多選框 checkbox：$(「#checkbox_id」)
.attr(「value」)；
單選組radio： $(「input[@type=radio]
[@checked]」)
.val();
下拉框select： $(『#sel』)
.val(
);

控制表單元素：

文字框，文字區域：
$("#txt"
).attr(
"value",''
);//清空內容
$("#txt"
).attr(
"value",'11'
);//填充內容
多選框checkbox： 
$("#chk1"
).attr(
"checked",''
);//不打勾
$("#chk2"
).attr(
"checked",true)
;//打勾
if($(
"#chk1"
).attr(
'checked'
)==undefined) //判斷是否已經打勾

單選組 radio：

$(
"input[@type=radio]"
).attr(
"checked",'2'
);//設定value=2的專案為當前選中項
下拉框 select：
$("#sel"
).attr(
"value",'-sel3'
);//設定value=-sel3的專案為當前選中項 
//新增下拉框的option 
$("1111
2222"
)"#sel")$(
"#sel"
).empty(
)；//清空下拉框

參考文章：

Jquery select 元素操作

設定值為0的option 移除 id option value 0 remove 設定索引值為0的option選中 id get 0 selectedindex 0 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 ...

jquery select 相關操作

每一次操作select的時候，總是要出來翻一下資料，不如自己總結一下，以後就翻這裡了。比如 1 設定value為pxx的項選中 selector val pxx 2 設定text為pxx的項選中 selector find option text pxx attr selected true 這裡有...

jQuery select獲取選中的值資料記錄

Jquery select 元素操作

jquery select 相關操作

jQuery select 選中問題

相關推薦