There is no way to remove chosen from the page

[AndrewRayCode]

There is no way currently to remove chosen from the page. I think there should be. Maybe $input.unchosen() or $Input.removeChosen(). Not all forms are static.

[dangrossman]

I'm also unable to use Chosen for this reason. When I add new s to the page, calling .chosen() again breaks the selects that have already been .chosen() in the past.

[aziz]

calling .chosen() again should not break your previously chosened(!) selects since chosen adds a chzn-done class to the selects that have been converted and checks at beginning of the process to see whether a select has been chosened before or not.

[dangrossman]

I have a form where the user can add more selects to the form on button click. I clone a div containing a select element each time the button is clicked, then do $('select').chosen(). All but the most recently added select lists then cease to work (clicking them no longer causes the list of options to open up).

[AndrewRayCode]

I made pull request 147 to address this #147

[cevarief]

I add jquery unchosen method for this, it removes chosen combobox and get the original combobox back.

  unchosen: function() {
        return $(this).each(function() {
            var element = $(this);
            if(element.hasClass('chzn-done')){
                //remove chosen
                element.next('[id*=_chzn]').remove(); //Make sure its id contain _chzn
                //remove chosen class in original combobox and make it visible
                element.removeClass('chzn-done').css('display','block');
            }
        });
    }

$('#country').unchosen(); or $('.chzn-select').unchosen() will get back the original combo.

[AndrewRayCode]

Your code doesn't replace the tab index nor remove the event listener from the input, which is done in my pull request

[cevarief]

Isn't that methode remove() will also remove bound events and jQuery data associated with the element? My apologize I'm not quite good here, it's just my quick and dirty solution.
Since i don't specify tabindex so pressing tab between element in a form still work fine after unchoosing.

[AndrewRayCode]

There is an event added to the original select box by jQuery / prototype

[enhughesiasm]

+1 for this.

DelvarWorld's .unchosen() fork works brilliantly but I can't upgrade to the latest version of chosen as I lose the ability to .unchosen() - and sadly there are bugs in the old version that I am having to fix myself rather than upgrade to the fixed new version!

[Capit0L]

This is little plugin to remove chosen.

$.fn.chosenDestroy = function () {
$(this).show().removeClass('chzn-done').removeAttr('id');
$(this).next().remove()

  return $(this);

}

For examle: $('select[name=countries]').chosenDestroy()

[andreaslyngstad]

@Capit0L Thanks!

Don't see the need for .removeAttr('id') in the newest version.

This works

$.fn.chosenDestroy = function () {
$(this).show().removeClass('chzn-done')
$(this).next().remove()

  return $(this);
}

[balakrishna-gajam]

Thank you.....cevarief

[DomHudson]

Thanks!

[ComeBurguburu]

$input.chosen("destroy") #2290