<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>
使用jQuery优雅地取消选项的最佳方法是什么?
<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>
使用jQuery优雅地取消选项的最佳方法是什么?
当前回答
简单的方法
(“select”美元)。瓦尔(”)
我只是在select本身上使用了这个,它做到了。
我使用的是jQuery 1.7.1。
其他回答
哦,jquery。
既然还没有原生的javascript方法,我觉得有必要提供一个。
var select = document.querySelector('select'); //hopefully you'll use a better selector query
select.selectedIndex = 0; // or -1, 0 sets it to first option, -1 selects no options
为了向你们展示这个有多快,基准测试
$("#selectID option:selected").each(function(){
$(this).removeAttr("selected");
});
这将遍历每个项目,只取消选中的项目
这个代码适用于我。
$("option:selected").prop("selected", false);
$(option).removeAttr('selected') //replace 'option' with selected option's selector
一个快速谷歌发现这篇文章,描述了如何在IE中为单个和多个选择列表做你想做的事情。解决方案似乎也很优雅:
$('#clickme').click(function() {
$('#selectmenu option').attr('selected', false);
});