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

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

.val()也适用于select http://api.jquery.com/val/

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

<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

现在，这并没有从选项中删除选中的属性，但我真正想要的是值。

这里有很多答案，但不幸的是，所有的答案都很旧，因此依赖于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上测试。

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

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

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

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

}); 

这个代码适用于我。

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