在jQuery中取消<select>的最佳方法?

<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>

使用jQuery优雅地取消选项的最佳方法是什么?

当前回答

使用removeAttr……

$("option:selected").removeAttr("selected");

或道具

$("option:selected").prop("selected", false)

其他回答

$("#selectID option:selected").each(function(){
  $(this).removeAttr("selected");
});

这将遍历每个项目，只取消选中的项目

在你的选择中设置一个id，像这样: <select id="foo" size="2">

然后你可以使用: $ (" # foo”)。道具(“selectedIndex”,0).change ();

这个代码适用于我。

$("option:selected").prop("selected", false);

一个快速谷歌发现这篇文章，描述了如何在IE中为单个和多个选择列表做你想做的事情。解决方案似乎也很优雅:

$('#clickme').click(function() {
        $('#selectmenu option').attr('selected', false);

});

另一种简单的方法:

$ (" # selectedID”)[0 - 9]。选择= -1

推荐文章