How to remove select2 from dom

Question

Say we have a simple select2 list:

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

Initiated like:

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

How can I remove select2 and return it to a regular dropdown? I can't find any examples or entry in documentation.

Something like:

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

would be nice.

Monotonous

Link to docs: select2.org/programmatic-control/methods#event-unbinding – Primal

Should be $('#elm').select2( 'destroy' ); Reference – Capstan

Selectize is better than select2 selectize.github.io/selectize.js i recommend it. – Theoretics

Answer 1

You need to use destroy method on select2. See the Documentation

i.e

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

Guaranty

Link has changed (they replaced it with docs for 4.0 which are currently woefully incomplete). Passing explanation can be found here: select2.github.io/select2/#lifecycle – Tenatenable

Answer 2

That work for me!

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

Deformed

Worked for me, to destroy every select2 instance – Chiapas

Important thing is that if you want to destroy select2 then make sure you have added it first, if your select input is not has select2 then destroy will not work. – Goodwill

@Goodwill There is a pretty nice tweak for this: https://mcmap.net/q/331572/-how-to-handle-quot-the-select2-39-destroy-39-method-was-called-on-an-element-that-is-not-using-select2-quot. Btw you dont need the each loop, works without it. – Fireguard

Answer 3

Version 4.0

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

Tacnaarica

Answer 4

$(".select2").select2('destroy');
$(".select2").val('Your Value');
$('.select2').each(function () {
    $(this).select2({ dropdownParent: $(this).parent() });
});

Preferable

While this code may provide a solution to the question, it's better to add context as to why/how it works. This can help future users learn and eventually apply that knowledge to their own code. You are also likely to have positive-feedback/upvotes from users, when the code is explained. – Boatman