Comment supprimer select2 de dom

Question

Disons que nous avons un simple select2 liste:

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

Initié comme:

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

Comment puis-je enlever select2 et revenir à un menu déroulant régulier? Je ne trouve aucun exemple ou entrée dans la documentation.

Quelque chose comme:

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

serait bien.

Answer 1

Vous devez utiliser la méthode destroy sur select2. Voir le Documentation

c'est à dire

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

Answer 2

Cela fonctionne pour moi!

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

Answer 3

Version 4.0

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