select2-清除按類別定位時所有無效的項目

Question

我有一個select2組合框，我想從中清除所有項目。

如果我使用ID定位選擇，那么它可以工作：

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

但是，如果我將選擇與某個類作為目標，則實際上會將選擇從dom中刪除：

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

可以在以下演示中看到： http : //jsfiddle.net/NvrZu/

我需要能夠通過類來定位選擇。

Answer 1

當插件包裝原始的select時，動態添加的select的父對象也會獲得.list類，因此，在清空父元素時，您不僅要刪除select中的選項，還要刪除select。

排除插件添加的包裝器可以解決該問題：

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

小提琴

Answer 2

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

Answer 3

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/