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

獲取select
先看看下面代碼：

複製代碼 代碼如下:

$ ("#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的項選中

獲取select 選中的text :

複製代碼 代碼如下:

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

取得select選取的value:

取得select選取的value: 取得select選取的value:

取得select選取的value:

複製程式碼

程式碼如下: $("#nowamagic").val(); $("#nowamagic").val();

取得select所選取的索引:

複製程式碼

程式碼如下: 程式碼如下:

程式碼如下:



程式碼如下:

程式碼如下:

程式碼如下:

程式碼如下:

設定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 設定select 選取的索引：

複製程式碼


程式碼如下:



程式碼如下:

程式碼如下:

程式碼如下: 程式碼如下:

程式碼如下：//index為索引值
$("#nowamagic").get(0).selectedIndex=index;

設定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();