jQuery操作select下拉框的text值和value值的方法

1、jquery擷取目前選中select的text值

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

2、jquery擷取目前選中select的value值

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

3、jquery擷取目前選中select的索引值

$("#select1").get(0).selectedIndex;       

4、jquery設定索引值為1的項為目前選中項

$("#select1").get(0).selectedIndex=1;       

5、jquery設定value值1的項為目前選中項

$("#select1").val(1);      

6、jquery設定text值為"2017"的項為目前選中項

$("#select1 option[text='2017']").attr("selected",true);       

7、為指定select下拉框追加一個option（追加到在末尾）

$("#select1").append(""+i+"");       

8、為制定select下拉框插入一個option（插入到第一個位置）

$("#select1").prepend("請選擇");       

9、jquery删除select下拉框的最後一個option

$("#select1 option:last").remove();      

10、清空select控件内容

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

11、jQuery添加/删除Select的Option項

$("#select1").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
 
$("#select1").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
 
$("#select1 option:last").remove(); //删除Select中索引值最大Option(最後一個)
 
$("#select1 option[index='0']").remove(); //删除Select中索引值為0的Option(第一個)

$("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option
 
$("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option