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

jquery对select方法总结

关键字:
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方法总结:等您坐沙发呢!

发表评论