当前位置： 首页 > 网站开发 > 正文

jquery对select方法总结

网站开发 509 人阅读 抢沙发  
关键字:
1 星2 星3 星4 星5 星 (2 次投票, 评分: 5.00, 总分: 5)
Loading ... Loading ...
baidu_share

取得select选择项的值：

1
2

$("#select_id").val(); 
$("#select_id option:selected").val();

取得select第一个option的值：

1

$("#select_id option:first").val();

取得select最后一个option的值：

1

$("#select_id option:last").val();

取得select第二个option的值：

1

$("#select_id option:eq(1)").val();

取得select选择项的文本值：

1

$("#select_id").find("option:selected").text();

清空select所有option项:

1

$("#select_id").empty();

追加一个option项:

1

$("<option value='value'>text</option>").appendTo("#select_id");

在第一个位置插入一个option项：

1

$("#select_id").prepend("<option value='value'>text</option>");

删除一个option项:

1
2
3
4

$(this).remove(); 
$("#select_id option[value='value']").remove(); 
$("#select_id option[index=1]").remove(); 
$("#select_id option[text='text']").remove();

设置值为value的option为选中状态：

1

$("#select_id").attr("value","value");

设置第一个option为选中状态：

1
2

$("#select_id").attr("value",$("#select_id option:first").val()); 
$("#select_id option:first").attr("selected","selected");

获取select的长度：

1

$("#select_id  option").length;

获取第一个optgroup标签：

1

$("#select_id optgroup:eq(0)").attr("label");

本文固定链接: http://www.chepoo.com/jquery-select-overview.html | IT技术精华网

【上一篇】
【下一篇】

您可能还会对这些文章感兴趣！

jquery对select方法总结：等您坐沙发呢！

发表评论