jQuery Select操作大集合

標籤：style   blog   io   ar   color   sp   strong   on   div   

本文總結了jQuery擷取Select選擇的Text和Value；jQuery添加/刪除Select的Option項的Select操作，並給與了對應的解釋。

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選擇的Text和Value:  

文法解釋：

$("#select_id ").get(0).selectedIndex=1;   //設定Select索引值為1的項選中   $("#select_id ").val(4);    //設定Select的Value值為4的項選中   $("#select_id option[text=‘jQuery‘]").attr("selected", true);    //設定Select的Text值為jQuery的項選中   

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  

 

jQuery Select操作大集合