当前位置:Gxlcms > JavaScript > jQuery操作下拉列表框实现代码_jquery

jQuery操作下拉列表框实现代码_jquery

时间:2021-07-01 10:21:17 帮助过:27人阅读



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('');

7. 删除一个option
$('#select1 option[value="1"]').remove();

人气教程排行