JQuery中對Select的option項目的新增、刪除、取值_jquery

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("Text"); //為Select追加一個Option(下拉項目)
$("#select_id").prepend("請選擇"); //為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();

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