jquery下拉select控制項操作方法分享(jquery操作select)_jquery

JQuery取得與設定Select選項方法總結如下：

代碼：

複製程式碼 程式碼如下:

$("#select_id"). ){//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"). :selected").text();

取得select選取的value:

複製程式碼 程式碼如下:

程式碼如下:

$
$(" #nowamagic").val();

取得select選取的索引:

複製程式碼

程式碼如下:

程式碼如下:

$ #nowamagic").get(0).selectedIndex; 設定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：

複製程式碼

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

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

設定select 選取的text:





複製程式碼

程式碼如下:

var count=$("#nowamaggicoption").length ;

  for(var i=0;i     {           if($("#nowamagic").get(0).options[i].options[i].             $("#nowamagic").get(0).options[i].selected = true;    🎜>    }

清空 select：

複製程式碼 程式碼如下:$("#empamagic")..