jquery-chosen

I am using validate.jquery.js : works fine. But when I'm adding chosen.js , validation on the select dropdowns doesn't work anymore. Here is the JS I'm using http://pastebin.com/S9AaxdEN And here is my select form : <select name="category" id="category" placeholder="" class="{validate:{required:true}}"> <option value=""><?php echo lang('category_choice'); ?></option> <option value="vtt">VTT</option> <option value="autre">Autre type de vélo</option> </select> Don't know why chosen.js disable the validation, any idea ? You can fix this by adding the class "chzn-done" that does not take the

I'm thinking in moving from Chosen to Select2 because Select2 has native methods for ajax. Ajax is critical because usualy you have to load a lot of data. I executed sucessfully the example with the JSON of api.rottentomatoes.com/api/ I did a JSON file to test the ajax, but it didn't works. I don't know how the JSON should be. It seems that there is no detailed documentation: https://github.com/ivaynberg/select2/issues/920 I tried unsucessfully several JSON formats, so I tried to copy a JSON format similar to api.rottentomatoes but it doesn't works. I may be missing something stupid. function

For the select menu plugin chosen.js , is there an established way to add 'select all items in list' or 'remove all items in list' feature to a multiple select input? In the main branch or perhaps in one of the forks? Or has someone done this before has some tips? Wesley Murch It should be pretty straight forward, just do it the "normal" way first: $('.my-select-all').click(function(){ $('#my_select option').prop('selected', true); // Selects all options }); Then trigger the liszt:updated event to update the chosen widget, so the whole thing would look something like this: Update : For those

How can i get the selected values from the chosen Multi-select Box? Sergii Like from any regular input/select/etc...: $("form.my-form .chosen-select").val() $("#select-id").chosen().val() Arvind This worked for me $(".chzn-select").chosen({ disable_search_threshold: 10 }).change(function(event){ if(event.target == this){ alert($(this).val()); } }); user3423551 $("#select-id").chosen().val() this is the right answer, I tried, and the value passed is the values separated by "," If anyone wants to get only the selected value on click to an option, he can do the follow: $('.chosen-select').on(

I wanted to use http://harvesthq.github.com/chosen/ witch jquery clone function: <script type="text/javascript"> $(function(){ var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>'; $('a.add').relCopy({ append: removeLink}); }); </script> <form method="post" action=""> <div id="cloner"> <p class="clone"> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".chzn-select").data("placeholder","Search...").chosen(); }); </script> <select data-placeholder="Search..." name="actor_name[]" class=

I am trying to use "Chosen" plugin by harvest (http://harvesthq.github.com/chosen/) and it works for the static set of options I am passing. However, what I want is that whenever anybody types something that is not in the pre-filled options, then it should send that to the server as a new option and on successful response, I want to not only add that to the valid list of options, but also make it select it. Reloading the options is fairly simple: // In ajax response var newOption = new Option("Text", __value__); $("#tagSelection").append(newOption); $("#tagSelection").trigger("liszt:updated");