select2 - 按类别清除所有不工作的项目

Question

我有一个select2组合框，我想从中清除所有项目。

如果我定位的选择一个ID，然后它的工作原理：

$("#clearId").click(function(){ 
    $("#list").empty(); 
}); 

但是，如果我定位的选择一类，它实际上消除了选择从DOM：

$("#clearClass").click(function(){ 
    $(".list").empty(); 
}); 

这可以看出，在下面的演示：http://jsfiddle.net/NvrZu/

我需要能够通过一类为目标的选择。

Answer 1

当插件包装原始选择时，select的动态添加父项也会获得.list类，因此您不仅要删除select中的选项，还要删除select，因为您正在清空父项元件。

撇除插件添加的包装应该解决这个问题：

$("#clearClass").click(function(){ 
    $(".list").not('.select2-container').empty(); 
}); 

FIDDLE

Answer 2

http://jsfiddle.net/mohammadAdil/NvrZu/1/

$("#clearClass").click(function(){ 
    $("select.list").empty(); 
}); 

你确实有.list类等元素，你不希望清空

这是DIV通过插件生成带班名单 -

<div class="select2-container list" 

上看到控制台 - >http://jsfiddle.net/mohammadAdil/NvrZu/4/

Answer 3

   $("#list").empty(); 
       $("#list").select2('data', null);