淺談jquery關於select框的取值和賦值

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

var checkValue = jQuery("#select_id").val(); // 2.獲取Select選中項的Value  

var checkText = jQuery("#select_id :selected").text(); // 3.獲取Select選中項的Text   

var checkIndex = jQuery("#select_id").attr("selectedIndex");// 4.獲取Select選中項的索引值,

或者：jQuery("#select_id").get(0).selectedIndex;  

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

或者：jQuery("#select_id :last").get(0).index;

 

jQuery("#select_id").get(0).selectedIndex = 1; // 1.設置Select索引值爲1的項選中  

jQuery("#select_id").val(4);  // 2.設置Select的Value值爲4的項選中

$("#select_id").attr("value","Normal「);

$("#select_id").get(0).value = value;

//根據select的顯示值來爲select設值

var count=$("#select_id").get(0).options.length;

for(var i=0;i<count;i++){

if($("#select_id").get(0).options[i].text == text)  

{

$("#select_id").get(0).options[i].selected = true;          

break;  

}  

}

 

jQuery("#select_id").append("<option value='新增'>新增option</option>"); // 1.爲Select追加一個Option(下拉項)   

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

jQuery("#select_id").get(0).remove(1);  // 3.刪除Select中索引值爲1的Option(第二個)  

jQuery("#select_id :last").remove();  // 4.刪除Select中索引值最大Option(最後一個)   

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

jQuery("#select_id").empty();   // 6.清空下拉列表