Как удалить select2 из dom

Скажем, у нас есть простой список select2:

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

Инициировано как:

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

Как удалить select2 и вернуть его в обычный раскрывающийся список? Я не могу найти никаких примеров или записей в документации.

Что-то вроде:

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

было бы хорошо.

Ответ 1

Вам нужно использовать метод destroy для select2. См. Документация

i.e

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

Ответ 2

Это работает для меня!

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

Ответ 3

Версия 4.0

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