在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)

这里有很多答案，但是不幸的是，所有答案都已经很老了，因此只能依靠attr/ removeAttr，这确实不是解决之道。

@coffeeyesplease正确提到要使用一个好的跨浏览器解决方案

$("select").val([]);

另一个好的跨浏览器解决方案是

// Note the use of .prop instead of .attr
$("select option").prop("selected", false);

您可以在此处看到它进行了自检。在IE 7/8/9，FF 11，Chrome 19上进行了测试。

从问到已经有一段时间了，我还没有在较旧的浏览器上进行过测试，但是在我看来，更简单的答案是

$("#selectID").val([]);

.val（）也可用于选择http://api.jquery.com/val/

最简单的方法

$('select').val('')

我只是在选择本身上使用了它，就成功了。

我在jQuery 1.7.1上。

到目前为止，答案仅适用于IE6 / 7中的多项选择。对于更常见的非多重选择，您需要使用：

$("#selectID").attr('selectedIndex', '-1');

在flyfishr64链接的帖子中对此进行了解释。如果您看一下，您将看到有2种情况-多重/非多重。没有什么可以阻止您同时寻求两者的完整解决方案：

$("#selectID").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");

哦，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");
});

这将遍历每个项目，并且仅取消选择已选中的项目

一个快速的Google发现了这篇文章，描述了如何针对IE中的单个和多个选择列表执行所需的操作。该解决方案似乎也很优雅：

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

}); 

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

$(option).removeAttr('selected') //replace 'option' with selected option's selector

非常感谢您的解决方案。

单选组合列表的解决方案运行完美。我在许多网站上搜索后发现了这一点。

$("#selectID").attr('selectedIndex', '-1').children("option:selected").removeAttr("selected");

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

另一个简单的方法：

$("#selectedID")[0].selectedIndex = -1

通常，当我使用选择菜单时，每个选项都有一个与之关联的值。例如

<select id="nfl">
  <option value="Bears Still...">Chicago Bears</option>
  <option selected="selected" value="Go Pack">Green Bay Packers</option>
</select>
console.log($('#nfl').val()) logs "Go Pack" to the console
Set the value to an empty string $('#nfl').val("")
console.log($('#nfl').val()) logs "" to the console

现在，这不会从选项中删除选定的属性，但我真正想要的只是值。

在您的选择中设置一个ID，例如：
<select id="foo" size="2">

然后，您可以使用：
$("#foo").prop("selectedIndex", 0).change();