jQuery 操作下拉列表框

[html]
<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>
[/html]

1 取得 jQuery 对象

[js]
obj = $('#select1');
[/js]

2 取得Options 的长度

[js]
len = $('#select1 option').length
[/js]

3 遍历 option

[js]
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}
[/js]

4 取得所选值

[js]
obj_value = $('#select1').val();
[/js]

5 取得所选值对应的text

[js]
obj_text = obj[0].options[obj[0].selectedIndex].text;
[/js]

6 添加一个option

[js]
obj.append('<option value="5">Option5</option>');
[/js]

7 删除一个option

[js]
$('#select1 option[value="1"]').remove();
[/js]