jQuery validate ignores the hidden element, and since the Chosen plugin adds visibility:hidden attribute to the select, try: $.validator.setDefaults({ ignore: “:hidden:not(select)” }) //for all select OR $.validator.setDefaults({ ignore: “:hidden:not(.chosen-select)” }) //for all select having class .chosen-select Add this line just before validate() function. It works fine for me.
You’ll need to reset the value of the field, then trigger the liszt:updated event on the input to get it to update, ive made a fiddle with a working example here. http://jsfiddle.net/VSpa3/3/ $(“.chzn-select”).chosen(); $(‘a’).click(function(){ $(“.chzn-select”).val(”).trigger(“liszt:updated”); }); Since the release of chosen v1.0 the trigger is now called ‘chosen:updated’. Anyone using this new version needs to … Read more
You are disabling just your select, but chosen renders it as divs, and spans, etc. So after disabling your select you need to update the plugin to make the select widget disabled too. You can try this way: $(‘#foobar’).prop(‘disabled’, true).trigger(“liszt:updated”); //For non-older versions of chosen you would want to do: $(‘#foobar’).prop(‘disabled’, true).trigger(“chosen:updated”); I found the … Read more
From the “Updating Chosen Dynamically” section in the docs: You need to trigger the ‘chosen:updated’ event on the field $(document).ready(function() { $(‘select’).chosen(); $(‘button’).click(function() { $(‘select’).val(2); $(‘select’).trigger(“chosen:updated”); }); }); NOTE: versions prior to 1.0 used the following: $(‘select’).trigger(“liszt:updated”);
As of Select2 3.3.1, below are what’s documented in its README.md What Does Select2 Support That Chosen Does Not? Working with large datasets: Chosen requires the entire dataset to be loaded as option tags in the DOM, which limits it to working with small-ish datasets. Select2 uses a function to find results on-the-fly, which allows … Read more