DOMからselect2を削除する方法

Question

単純なselect2リストがあるとします：

<select id="e1">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

次のように開始されます：

$("#e1").select2();

select2を削除して通常のドロップダウンに戻すにはどうすればよいですか？ドキュメントに例やエントリが見つかりません。

何かのようなもの：

$("#e1").select2('remove'); 

いいだろう。

Answer 1

Select2でdestroyメソッドを使用する必要があります。 ドキュメント を参照してください

すなわち

 $("#e1").select2('destroy'); 

Answer 2

それは私のために働く！

var $select = $('.select2').select2();
//console.log($select);
$select.each(function(i,item){
  //console.log(item);
  $(item).select2("destroy");
});

Answer 3

バージョン4.0

$element.data('select2').destroy();