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');  

Answer 2

That work for me!

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