jquery对select方法总结
关键字: jquery
取得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技术精华网