How to remove select2 from dom
JavascriptJquery Select2Javascript Problem Overview
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.
Javascript Solutions
Solution 1 - Javascript
Solution 2 - Javascript
That work for me!
var $select = $('.select2').select2();
//console.log($select);
$select.each(function(i,item){
//console.log(item);
$(item).select2("destroy");
});
Solution 3 - Javascript
Version 4.0
$element.data('select2').destroy();
Solution 4 - Javascript
$(".select2").select2('destroy');
$(".select2").val('Your Value');
$('.select2').each(function () {
$(this).select2({ dropdownParent: $(this).parent() });
});