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/