【轉發】jquery操作下拉框select(設定預設選中,清空選中狀態)
阿新 • • 發佈:2022-03-23
取值問題
<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