首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery对select步骤总结

2012-08-28 
jquery对select方法总结取select option value值取得select选择项的值:$(#select_id).val()$(#select_

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");

热点排行