假如,有如下的下拉列表框:
以下是jquery对其进行的各种操作代码,供大家参考。
//取得jQuery对象
obj = $('#select1');
//取得Options 的长度
len = $('#select1 option').length
//遍历option
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}
//取得所选值
obj_value = $('#select1').val();
//取得所选值对应的text
obj_text = obj[0].options[obj[0].selectedIndex].text;
//添加一个option
obj.append('<option value="5">Option5</option>');
//删除一个option
$('#select1 option[value="1"]').remove();
有兴趣的朋友,可以亲自动手测试下,看看效果如何?
脚本学堂,祝大家学习进步哦。