JS & JQuery 動態添加 select option


JS:
var selid = document.getElementById( "sltid" );
for ( var i=0; i<10;i++){ //循環添加多個值
sid.option[i] = new Option(i,i);
}
sid.options[sid.options.length]= new Option( "1" , "2" ); // 在最后一個值后面添加多一個

JQuery:

$( "#selectId" ).append( "<option value='" +value+ "'>" +text+ "</option>" );
 

當然除了這句,還有設置默認選擇值、第一個的值、最后一個的值、第N個的值等等的,所以在網上搜了一上:

jQuery獲取Select選擇的Text和Value:

1. $("#select_id").change(function(){//code...}); //為Select添加事件,當選擇其中一項時觸發

2. var checkText=$("#select_id").find("option:selected").text(); //獲取Select選擇的Text

3. var checkValue=$("#select_id").val(); //獲取Select選擇的Value

4. var checkIndex=$("#select_id ").get(0).selectedIndex; //獲取Select選擇的索引值

5. var maxIndex=$("#select_id option:last").attr("index"); //獲取Select最大的索引值

jQuery添加/刪除Select的Option項:

1. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)

2. $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)

3. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)

4. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)

5. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option

5. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。