jquery動態設定select

德克斯特發表於2019-02-16

jQuery獲取Select選擇的Text和Value:

$(“#select_id”).change(function(){//code…}); //為Select新增事件,當選擇其中一項時觸發
var checkText=$(“#select_id”).find(“option:selected”).text(); //獲取Select選擇的Text
var checkValue=$(“#select_id”).val(); //獲取Select選擇的Value
var checkIndex=$(“#select_id “).get(0).selectedIndex; //獲取Select選擇的索引值
var maxIndex=$(“#select_id option:last”).attr(“index”); //獲取Select最大的索引值
jQuery新增/刪除Select的Option項:

$(“#select_id”).append(“<option value=`Value`>Text</option>”); //為Select追加一個Option(下拉項)
$(“#select_id”).prepend(“<option value=`0`>請選擇</option>”); //為Select插入一個Option(第一個位置)
$(“#select_id option:last”).remove(); //刪除Select中索引值最大Option(最後一個)
$(“#select_id option[index=`0`]”).remove(); //刪除Select中索引值為0的Option(第一個)
$(“#select_id option[value=`3`]”).remove(); //刪除Select中Value=`3`的Option
$(“#select_id option[text=`4`]”).remove(); //刪除Select中Text=`4`的Option

內容清空:

$(“#charCity”).empty();

相關文章