DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery 操作下拉列表框實現代碼
jQuery 操作下拉列表框實現代碼
編輯:JQuery特效代碼     
<select name="select1" id="select1" size="10">
<option value="1">Option1</option>
<option valeu="2">Option2</option>
<option value="3">Option3</option>
<option value="4">Option4</option>
</select>

1. 取得jQuery對象
obj = $('#select1');

2. 取得Options 的長度
len = $('#select1 option').length

3. 遍歷option
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}

4. 取得所選值
obj_value = $('#select1').val();

5. 取得所選值對應的text
obj_text = obj[0].options[obj[0].selectedIndex].text;

6. 添加一個option
obj.append('<option value="5">Option5</option>');

7. 刪除一個option
$('#select1 option[value="1"]').remove();
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved