这个代码适用于我。

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

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

使用removeAttr……

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

或道具

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

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

<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

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

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

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

这在flyfishr64链接的帖子中有解释。如果你仔细看，你会发现有两种情况——多/非多。没有什么能阻止你为了一个完整的解决方案而改变两者:

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

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

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

});