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

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

哦,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

为了向你们展示这个有多快，基准测试

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

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

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

<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

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

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

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

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

});