首頁  >  文章  >  web前端  >  jQuery對Select的操作大集合(收藏)_jquery

jQuery對Select的操作大集合(收藏)_jquery

WBOY
WBOY原創
2016-05-16 17:06:431005瀏覽

1.jQuery新增/移除Select的Option項目:
2.$("#select_id").append("");   //為Select追加一個Option(下拉項目) 
3.$("#select_id").prepend("" );   //為Select插入一個Option(第一位置) 
4.$("#select_id option:last").remove();   //刪除Select中索引值最大Option(最後一個) 
5.$("#select_id option[index='0']").remove();   //刪除Select中索引值為0的Option(第一個) 
6.$("#select_id option [value='3']").remove();   //刪除Select中Value='3'的Option 
7.$("#select_id option[text='4']").remove() ;   //刪除Select中Text='4'的Option 
8.$("#select_id").empty(); //清空select中的option
 

1.jQuery取得Select選擇的Text和Value:
2.$("#select_id").change(function(){//code.. .});    //為Select新增事件,當選擇其中一項時觸發 
3.var checkText=$("#select_id").find("option:selected").text();   //取得Select選擇的Text 
4.var checkValue=$("#select_id").val();   //取得Select選擇的Value 
5.var checkIndex=$("#select_id ").get(0 ).selectedIndex;   //取得Select選擇的索引值
6.var maxIndex=$("#select_id option:last").attr("index");   //取得Select最大的索引值jQuery設定Select選擇值的Text和Value:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn