1. 程式人生 > 其它 >【轉發】jquery操作下拉框select(設定預設選中,清空選中狀態)

【轉發】jquery操作下拉框select(設定預設選中,清空選中狀態)

取值問題

<select id="selector">
<option value="1">選項一</option>
<option value="2">選項二</option>
<option value="3">選項三</option>
<option value="4">選項四</option>
</select>

獲取當前選中項的text和value

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

獲取當前選中的索引值(從0開始)
$("#selector").get(0).selectedIndex;

獲取第一項(最小)和最後一項(最大)的text
$("#selector option:last").text();
$("#selector option:first").text();

更改和設定選中狀態
改變select的選中,執行該語句後將第0個改為被選中狀態,這裡eq(i),i為索引值
 $("#selector").each(function(){ $(this).find("option").eq(0).prop("selected",true) }); 

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


$('#selector').change(function (e) {
alert(1243);
});

設定select索引值為1的項選中
$("#selector").get(0).selectedIndex = 1;

設定select的value值為’1’的項選中
$("#selector option[value='1']").prop("selected", true);

新增/刪除select的option項:
為select追加一個option(下拉項),在末尾新增
$("#selector").append("<option value='5'>選項五</option>");

為select追加一個option(下拉項),在起始新增
$("#selector").prepend("<option value='5'>選項五</option>");

刪除select中最後一個option
$("#selector option:last").remove();

刪除select中value='3’的option
$("#selector option[value='3']").remove();
————————————————
版權宣告:本文為CSDN博主「m努力努力再努力」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/m_Tenderness/article/details/91898841