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.

Answer 1

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

i.e

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