jQuery 操作下拉列表框的代码举例
本文导语: 假如,有如下的下拉列表框: 脚本学堂1 2 3 脚本学堂4 以下是jquery对其进行的各种操作代码,供大家参考。 代码示例: //取得jQuery对象 obj = $('#select1'); //取得Options 的长度 len = $('#select1 option').length //遍历op...
假如,有如下的下拉列表框:
脚本学堂1
2
3
脚本学堂4
以下是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('Option5');
//删除一个option
$('#select1 option[value="1"]').remove();
有兴趣的朋友,可以亲自动手测试下,看看效果如何?
,祝大家学习进步哦。