当前位置: 代码迷 >> Web前端 >> jquery对select步骤总结
  详细解决方案

jquery对select步骤总结

热度:73   发布时间:2012-08-28 12:37:01.0
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");
  相关解决方案