un-chosen an element about chosen

[RiZKiT]

Would be interesting for what you will need this, but you can do something like:

$('theSelectId').show().getNext('chzn-container').destroy();

This will show the hidden form field again and destroy the chosen container and the bound events(!), maybe not a perfect solution but a useable.

[SandrineProusteau]

Hi,
I've done that, to update the chosen on window resize (responsive design with % width) with jQuery:

$('select').chosen();
    $(window).resize(function(){
        $('select').unbind().each(function(){
            $(this).show().removeAttr("id").removeAttr("class");
            if($(this).next('.chzn-container').length>0){
                $(this).next('.chzn-container').remove();
            }
            $(this).chosen();
        });
    });

[RiZKiT]

Sandrine, thnx for this, good idea for responsive design. But for update/resize reasons I would suggest a faster solution instead of rebuilding choosen again, especially if there are alot of chosen elements or alot of entries in the dropdowns.

I looked at the code and there are three width values which have to be recalculated on update: 'this.f_width' for the container, 'dd_width' for the dropdown and 'sf_width' for the search field. All can be found in 'set_up_html()', put these things in an update() function and it should be done.