DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery對Select的操作大集合(收藏)
jQuery對Select的操作大集合(收藏)
編輯:JQuery特效代碼     

1.jQuery添加/刪除Select的Option項:
2.$("#select_id").append("<option value='Value'>Text</option>");   //為Select追加一個Option(下拉項) 
3.$("#select_id").prepend("<option value='0'>請選擇</option>");   //為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:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved