jquery操作select 取值,設定選中)

2021-06-19 15:16:16 字數 686 閱讀 2610

每一次操作select的時候,總是要出來翻一下資料,不如自己總結一下,以後就翻這裡了。比如

1、設定value為pxx的項選中

$(".selector").val("pxx");

2、設定text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這裡有乙個中括號的用法,中括號裡的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。

3、獲取當前選中項的value

$(".selector").val();

4、獲取當前選中項的text

$(".selector").find("option:selected").text();

這裡用到了冒號,掌握它的用法並舉一反三也會讓**變得簡潔。

很多時候用到select的級聯,即第二個select的值隨著第乙個select選中的值變化。這在jquery中是非常簡單的。

如:$(".selector1").change(function(){

// 先清空第二個

$(".selector2").empty();

// 實際的應用中,這裡的option一般都是用迴圈生成多個了

var option = $("").val(1).text("pxx");

使用jquery操作select

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...

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

jquery操作 select 物件

jquery select取值,賦值操作 一 獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的索引 ddlregtype get 0 selectedindex 二 設定select 設定selec...