javascriptjquery-select2

How to remove select2 from dom


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.


Solution

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

    i.e

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