首頁 > web前端 > js教程 > Jquery操作下拉方塊(DropDownList)實作取值賦值_jquery

Jquery操作下拉方塊(DropDownList)實作取值賦值_jquery

WBOY
發布: 2016-05-16 17:25:42
原創
1828 人瀏覽過

1. 取得選取項目:

複製程式碼 程式碼如下:

取得選取項目的Value值:
$('select#sel option:selected').val();

$('select#sel').find('option:selected').val();
取得選取項目的Text值:
$('select#seloption:selected').text();

$('select#sel').find('option:selected' ).text();

2. 取得目前選取項目的索引值:
複製程式碼


複製程式碼

程式碼如下: $('select#sel').get(0).selectedIndex; 3. 取得目前option的最大索引值:


複製程式碼

程式碼如下: $('select#sel option:last').attr( "index") 4. 取得DropdownList的長度:



複製程式碼


複製程式碼
程式碼如下 $('select#sel')[0].options.length;
$('select#sel').get(0).options.length;


5. 設定第一個option為選取值:



複製程式碼
複製程式碼 程式碼如下
$('select#sel option:first').attr('selected','true')

$('select#sel')[0].selectedIndex = 0;


6. 設定最後一個option為選取值:
複製程式碼


複製程式碼
7. 依索引值設定任一option為選取值:




複製程式碼


程式碼如下:


複製程式碼


程式碼如下:9.刪除Value=3的option :




複製程式碼


程式碼如下:


複製代碼

程式碼如下:

$(" select#sel option ").eq(索引值).remove();索引值=0,1,2.... 如刪除第3個Radio: $(" select#sel option ").eq(2).remove(); 11.刪除第一個option:


複製程式碼


程式碼如下:12. 刪除最後一個option:


12. 刪除最後一個option:


複製程式碼 程式碼如下:
$("select#sel option:last").remove(); 13. 刪除dropdownlist: 複製程式碼 程式碼如下: 14.在select後面添加一個option: 複製代碼 程式碼如下:

$("select#sel").append("f");

15. 在select前面加上一個option:
複製程式碼 程式碼如下:

$("select#sel").prepend("0");

16. 遍歷option:
複製程式碼 程式碼如下:


程式碼如下:

#sel option ').each(function (index, domEle) { //寫入程式碼});
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板