如何使用jquery清除多选下拉列表
可能重复:如何使用jquery清除多选下拉列表,jquery,Jquery,可能重复: 亲爱的大家 我有个问题。一旦我有了一个多选框,我想在单击重置按钮时清除其中的所有内容 你能为我提供jquery吗 谢谢 Satya我想你指的是清晰的选择: //for jQuery >= 1.6 $('select option').removeProp('selected'); //for jQuery < 1.6 $('select option').removeAttr('selected'); //对于jQuery>=1.6 $('select option'
亲爱的大家 我有个问题。一旦我有了一个多选框,我想在单击重置按钮时清除其中的所有内容 你能为我提供jquery吗 谢谢
Satya我想你指的是清晰的选择:
//for jQuery >= 1.6
$('select option').removeProp('selected');
//for jQuery < 1.6
$('select option').removeAttr('selected');
//对于jQuery>=1.6
$('select option')。removeProp('selected');
//对于jQuery<1.6
$('select option')。removeAttr('selected');
如果使用jQuery 1.6.1或更高版本,则取消选择所有项目:
$('#mySelect').children().removeProp('selected');
或者为了向后兼容:
$('#mySelect').children().removeAttr('selected');
为了简单起见,我假设您的HTML格式良好,并且您的select
只有选项
子项
此外,如果列表很大且性能存在问题,过滤列表,以便您只更改实际选定的选项-是否简单地取消选择每个选项或只更改需要取消选择的选项是有争议的:
$('#mySelect').children(':selected').removeProp('selected');
[注意:使用:在第二个函数调用中选择的
(根据jQuery文档)比使用单个复合选择器更有效]请参见:
将来,你应该发布你迄今为止所做的尝试——这会让试图回答你问题的人更深入地了解你正在走哪条路,以及你可能会走错哪条路
也就是说,您可以使用.remove()
方法从列表项的容器中删除列表项,如下所示:
$('#list option').each(function(index, option) {
$(option).remove();
});
你可以在这里看到它的作用:
下面是一个使用.empty()
方法删除列表中所有子项的版本:
注意:你的问题有相当多的模糊性。不确定是要清除整个容器,还是只删除选定的项目。这将从选择框中删除所有项目。清除您的意思是删除选择?您应该发布一些您尝试过的内容,而不仅仅是要求社区为您提供代码。您在此之前尝试过的内容将向我们展示一些代码
$('#list option').each(function(index, option) {
$(option).remove();
});