JQuery select控制項的相關操作實作程式碼_jquery

$ ("#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最大的索引值
$("#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的項選中

$("#ddlRegType").find("option:selected").text();

取得select所選取的索引:

程式碼如下:



程式碼如下:

設定select $("#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 選取的value： 設定select 選取的value： 設定select 選取的value： 設定select 選取的value： 設定select 選取的value： 設定select 選取的value： 設定select 選取的value： 設定select >複製程式碼 程式碼如下: $("#nowamagic").attr("value","Normal"); $("#nowamagic").val("Normal"); $("#nowamagic").get(0).value = value; 設定select 選取的text: 複製程式碼 程式碼如下: var count=$("nowamagicoption" .length; for(var i=0;i{ if($("#nowamagic").get(0).options[i].text == text) { $("#nowamagic").get(0).options[i].selected = true; break; } } 清空select： 複製程式碼 程式碼如下: $("#nowamag") .empty();