可能重复:
Quick way to clear all selections on a multiselect enabled with jQuery?
亲爱的所有人。
我有个问题。一旦我有了多个选择框,当我点击“重置”按钮时,我想清除所有的内容。
你能为我提供jquery吗?
谢谢。
萨蒂亚
发布于 2011-05-19 17:48:00
在未来,你应该贴出你已经尝试过的东西--它让那些试图回答你问题的人更深入地了解你正在走的道路,以及你可能走错了哪条路。
尽管如此,您可以使用.remove()
方法从它的容器中删除列表项,如下所示:
$('#list option').each(function(index, option) {
$(option).remove();
});
您可以在这里看到它的作用:http://jsfiddle.net/y9pzS/
下面是一个使用.empty()
方法删除列表中所有子项的版本:http://jsfiddle.net/y9pzS/1/
注意:你的问题有相当多的含糊不清之处。不确定您是要清除整个容器,还是只删除所选的项。这将从复选框中删除所有项目。
发布于 2011-05-19 17:43:28
我想你指的是明确的选择:
//for jQuery >= 1.6
$('select option').removeProp('selected');
//for jQuery < 1.6
$('select option').removeAttr('selected');
发布于 2011-05-19 17:43:32
若要取消选择使用jQuery 1.6.1或更高版本的所有项,请执行以下操作:
$('#mySelect').children().removeProp('selected');
或者向后兼容:
$('#mySelect').children().removeAttr('selected');
为了简单起见,我假设您的HTML格式良好,而且您的select
只有option
子元素。
另外,如果列表很大,而且性能是个问题,那么filter
列表可以使您只更改实际被选中的选项--简单地取消每个选项还是只更改需要取消选择的选项是更简单,这一点值得商榷:
$('#mySelect').children(':selected').removeProp('selected');
注意:在第二个函数调用中使用:selected
比制造一个复合选择器更有效(根据jQuery文档)
https://stackoverflow.com/questions/6062636
复制相似问题