读书人

jquery对select步骤总结

发布时间: 2012-08-28 12:37:01 作者: rapoo

jquery对select方法总结
取select option value值

取得select选择项的值:
$("#select_id").val();
$("#select_id option:selected").val();

取得select第一个option的值:
$("#select_id option:first").val();

取得select最后一个option的值:
$("#select_id option:last").val();

取得select第二个option的值:
$("#select_id option:eq(1)").val();



取select option文本值

取得select选择项的文本值:
$("#select_id").find("option:selected").text();


清空select所有option项:
$("#select_id").empty();

追加一个option项:
$("<option value='value'>text</option>").appendTo("#select_id");

在第一个位置插入一个option项:
$("#select_id").prepend("<option value='value'>text</option>");

删除一个option项:
$(this).remove();
$("#select_id option[value='value']").remove();
$("#select_id option[index=1]").remove();
$("#select_id option[text='text']").remove();

设置值为value的option为选中状态:
$("#select_id").attr("value","value");

设置第一个option为选中状态:
$("#select_id").attr("value",$("#select_id option:first").val());
$("#select_id option:first").attr("selected","selected");

获取select的长度:
$("#select_id option").length;

获取第一个optgroup标签:
$("#select_id optgroup:eq(0)").attr("label");

读书人网 >Web前端

热点推荐