jquery獲取select選擇的文字與值

2022-02-05 11:24:57 字數 1641 閱讀 2052

jquery獲取select選擇的文字與值

獲取select :

獲取select 選中的 text :

$("#ddlregtype").find("option:selected").text();
獲取select選中的 value:

$("#ddlregtype ").val();
獲取select選中的索引:

$("#ddlregtype ").get(0).selectedindex;
設定select:

設定select 選中的索引:

$("#ddlregtype ").get(0).selectedindex=index;//index為索引值
設定select 選中的value:

$("#ddlregtype ").attr("value","normal「);

$("#ddlregtype ").val("normal");

$("#ddlregtype ").get(0).value = value;

設定select 選中的text:

var count=$("#ddlregtype option").length;

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

設定select option項:

$("#select_id").prepend("請選擇"); //在前面插入一項option

$("#select_id option:last").remove(); //刪除索引值最大的option

$("#select_id option[index='0']").remove();//刪除索引值為0的option

$("#select_id option[value='3']").remove(); //刪除值為3的option

$("#select_id option[text='4']").remove(); //刪除text值為4的option

清空 select:

$("#ddlregtype ").empty();

工作需要,要獲得兩個表單中的值。如圖:

如何獲得從左邊選擇框新增到右邊選擇框中的值?我想了想用網頁特效可以獲得,這裡用了比較流行的jquery。

js**如下:

//獲取所有屬性值 var item = $("#select1").val();

$(function());          

});  

})

值得注意的是,不能直接寫成

$(function());          

});  

})

html:
選項1選項2

選項3選項4

選項5選項6

選項7選中新增到右邊》

全部新增到右邊》

《選中刪除到左邊

《全部刪除到左邊

jQuery獲取Select元素

這個表示 假如我們希望當選擇選擇第三類時 如果第四類中有資料則刪除,如果沒有資料第四類的商品中的為預設值。在後面學習了ajax技術後經常會使用到!獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 v...

select 全選和反選 jquery

checkbox id in shareuser 10 name shareuser value 10 10 checkbox id in shareuser 11 name shareuser value 11 11 checkbox id in shareuser 12 name shareus...

jQuery獲取select的值

獲取select的值 test class form control name code 請選擇option 使用型別option 前端型別option value road level 車道朝向option value lane direction 道路等級option select 獲取選擇的值...