用於觸發select的事件的方法有click()和change()
click():是當對象被點擊了才觸發
change():是當對象發生了變化才觸發
下面簡單記錄下jquery對select的常用操作:
1. 獲取select 選中的 text:
Js代碼
$("#id").find("option:selected").text();
2. 獲取select選中的 value:
Js代碼
$("#id").val();
3. 獲取select選中的索引:
Js代碼
$("#id").get(0).selectedindex;
4. 設置select 選中的索引:
Js代碼
$("#id").get(0).selectedIndex=1; //注意I大寫
5. 設置select 選中的value:
Js代碼
$("#id").attr("value","normal“);
$("#id").val("normal");
$("#id").get(0).value = value;
6. 設置select 選中的text:
Js代碼
var count=$("#ddlregtype option").length;
for(var i=0;i<count;i++)
{ if($("#ddlregtype ").get(0).options[i].text == text)
{
$("#ddlregtype ").get(0).options[i].selected = true;
break;
}
}
7. 設置select option項:
Js代碼
$("#select_id").append("<option value='value'>text</option>"); //添加一項option
$("#select_id").prepend("<option value='0'>請選擇</option>"); //在前面插入一項option
$("#select_id option:last").remove(); //刪除索引值最大的option
$("#select_id option[index='0']").remove();//刪除索引值為0的option
$("#select_id option[value='3']").remove(); //刪除值為3的option
$("#select_id option[text='4']").remove(); //刪除text值為4的option
本文出自“人生如戲”