清除从下拉菜单中选择

Question

我的代码遇到了清除选择的问题：

$('select').children(':selected').removeProp('selected');

我绑定了一个像这样的变更处理程序：

$('#categories').on('change', function(event) {
   var category = $(this).children("option:selected").text();
   ...
});

除非我再次选择删除所选属性的选项category = ''，否则此方法有效。

我当然做错了什么。有人可以对此有所了解吗？

Answer 1

完全删除selected属性可能不是最好的做法。在您的情况下，看起来DOM层之后不会重新创建它，因此:selected选择器无法找到该元素。

尝试将属性设置为false：

$("select").children(":selected").prop("selected", false);

Answer 2

如果您要清除<select>下拉菜单的选定值，请尝试：

$('select').val(-1);

example jsfiddle

Answer 3

另一种方式：这将始终选择第一个选项。

$('select').find('option:eq(0)').prop('selected', true)

这是一个比较@Frederic Hamidi，mdmullinax和我的jsfiddle。

http://jsfiddle.net/RzEBg/