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

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

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

当前回答

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

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

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

其他回答

非常感谢你的解决方案。

单选组合列表的解决方案非常有效。这是我在很多网站上搜索后发现的。

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

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

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

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

另一种简单的方法:

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

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

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

推荐文章