jquery操做select的各類方法

在工做中，有時候會遇到給select組件添加一些事件，前兩天發表了一篇文章，《用jquery給select加選中事件》大體闡述了簡單的jq操做select的方法，可是爲了詳細的介紹一下select，爭取讓你們把它吃透，也爲了和腦殘的IE做鬥爭，因而有了這篇文章的誕生。

1、使用jquery獲取select元素（value和option裏的內容）

1. var checkText=$("#select_id").find("option:selected").text();  //獲取Select選擇option裏的值Text 
2. var checkValue=$("#select_id").val();  //獲取Select選擇的Value 

2、使用jquery設置select元素（value和option裏的內容）

1. $("#select_id ").get(0).selectedIndex=1;  //設置Select索引值爲1的項選中 
2. $("#select_id ").val(2);   // 設置Select的Value值爲4的項選中 
3. $("#select_id option[text='aaa']").attr("selected", true);   //設置Select的Text值爲aaa的項選中 

3、使用jquery添加刪除select元素（option項）

1. $("#select_id").append("<option value='Value'>Text</option>");  //爲Select追加一個Option(下拉項) 
2. $("#select_id").prepend("<option value='0'>請選擇</option>");  //爲Select插入一個Option(第一個位置) 
3. $("#select_id option:last").remove();  //刪除Select中索引值最大Option(最後一個) 
4. $("#select_id option[index='0']").remove();  //刪除Select中索引值爲0的Option(第一個) 
5. $("#select_id option[value='3']").remove();  //刪除Select中Value='3'的Option 
6. $("#select_id option[text='4']").remove();  //刪除Select中Text='4'的Option 

4、其它的一些經常使用方法

 清空 Select

$("#select_id").empty();

獲取select的最大索引值

 

var maxIndex=$("#select_id option:last").attr("index");  //獲取Select最大的索引值