如何完全清潔select2控件？

Question

我正在使用真棒select2 control。

我試圖清理和禁用內容選擇2太讓我這樣做：

$("#select2id").empty(); 
$("#select2id").select2("disable"); 

好，它的工作原理，但如果我有一個值來選擇所有項目被刪除，控制已禁用，但所選值仍顯示。我想清除所有內容，以便顯示佔位符。下面是一個例子，我在哪裏可以看到問題：http://jsfiddle.net/BSEXM/

HTML：

<select id="sel" data-placeholder="This is my placeholder"> 
    <option></option> 
    <option value="a">hello</option> 
    <option value="b">all</option> 
    <option value="c">stack</option> 
    <option value="c">overflow</option> 
</select> 
<br> 
<button id="pres">Disable and clear</button> 
<button id="ena">Enable</button> 

代碼：

$(document).ready(function() { 
    $("#sel").select2(); 

    $("#pres").click(function() { 
     $("#sel").empty(); 
     $("#sel").select2("disable"); 
    }); 

    $("#ena").click(function() { 
     $("#sel").select2("enable"); 
    }); 
}); 

CSS：

#sel { 
    margin: 20px; 
} 

你有什麼想法或對此有何建議？

Answer 1

爲什麼這一切的麻煩???

使用：

$('#sel').select2('data', null); 

Answer 2

試試這個： - http://jsfiddle.net/GqbSN/

$(document).ready(function() { 
    $("#sel").select2(); 

    $("#pres").click(function() { 
     $('#s2id_sel > a > span').text($(sel).data('placeholder')); 
     //$('.select2-container > a > span').text('This is my placeholder'); 
     $("#sel").select2("disable");; 
     }); 

    $("#ena").click(function() { 
     $("#sel").select2("enable"); 
    }); 
}); 

注意

$（ '＃s2id_sel> A>跨度'）文本（$（SEL）。數據（「佔位符。 「））;我理解看這個插件是它從我們提供的選擇中創建的標記生成id爲＃s2id_ +「yourselectelementid」。因此，如果您有多個選擇控件並且您只想禁用其中的一個或其中一個，那麼這將是更好的方式。

如果要清除選擇內容： - http://jsfiddle.net/G7TXj/

Answer 3

官方選擇2單證試試這個。

$("#sel").val(null).trigger("change"); 

注： 這是出於選擇2 v4的更新。每當你改變或變更在選擇2的值嘗試使用觸發器（「變」）

Answer 4

$('#sel').empty().trigger("change");

Answer 5

我在第一個選項爲「所有」選擇2。此選項清除其他選項，第一個選項被選中

var $eventSelect = $("#storeList"); 
    $("#storeList").on("change", function (e) { 
     if (e.added != undefined) { 
      if (e.added.id == 0 && e.val.length>1) { 
        removeTags(); 
       $("#storeList").val('0').select2(); 

      } 

     } 

    }); 

    function removeTags(){ 
     $eventSelect.select2('data', null); 

    } 

Answer 6

作爲回答薩拉特·庫馬爾：從官方文檔

$('#sel').val(null).trigger('change'); 

參考，這裏是鏈接：

https://select2.org/programmatic-control/add-select-clear-items#clearing-selections