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);