Just add ignore: [], in Your form validation function. It will enable hidden field validation.So You will get validation for Select 2 $(“#ContactForm”).validate({ ignore: [], rules: { //Rules }, messages: { //messages } });
Well actually your only need $.each to get all values, it will help you jsfiddle.net/NdQbw/5 <div class=”divright”> <select id=”drp_Books_Ill_Illustrations” class=”leaderMultiSelctdropdown Books_Illustrations” name=”drp_Books_Ill_Illustrations” multiple=””> <option value=” “>No illustrations</option> <option value=”a” selected>Illustrations</option> <option value=”b”>Maps</option> <option value=”c” selected>selectedPortraits</option> </select> </div> <div class=”divright”> <select id=”drp_Books_Ill_Illustrations1″ class=” Books_Illustrations” name=”drp_Books_Ill_Illustrations” multiple=””> <option value=” “>No illustrations</option> <option value=”a”>Illustrations</option> <option value=”b”>Maps</option> <option value=”c”>selectedPortraits</option> … Read more
By default, the validation on a field is only triggered by these events (for a type=”text” field)… onfocusout, when the user leaves a field (validates just the field) onkeyup, when the user is typing within a field (validates just the field) onclick, when the user clicks the submit button (validates the whole form) If you … Read more
Covered in this google group thread The problem was because of the extra div that was being added by the select2. Select2 had added new div with class “select2-container form-select” to wrap the select created. So the next time i loaded the function, the error was being thrown as select2 was being attached to the … Read more
Before you clone the row, you need to disable Select2 on the select element by calling its destroy method: destroy Reverts changes to DOM done by Select2. Any selection done via Select2 will be preserved. See http://ivaynberg.github.io/select2/index.html After you clone the row and insert its clone in the DOM, you need to enable select2 on … Read more
This works for me: $remote.select2(‘data’, {id: null, text: null}) It also works with jQuery validate when you clear it that way. — edit 2013-04-09 At the time of writing this response, it was the only way. With recent patches, a proper and better way is now available. $remote.select2(‘data’, null)
for select2 v4.0.0 slightly different $(“.itemSearch”).select2({ tags: true, multiple: true, tokenSeparators: [‘,’, ‘ ‘], minimumInputLength: 2, minimumResultsForSearch: 10, ajax: { url: URL, dataType: “json”, type: “GET”, data: function (params) { var queryParameters = { term: params.term } return queryParameters; }, processResults: function (data) { return { results: $.map(data, function (item) { return { text: item.tag_value, … Read more
The excellent answer provided by @fmpwizard works for Select2 3.5.2 and below, but it will not work in 4.0.0. Since very early on (but perhaps not as early as this question), Select2 has supported “tagging”: where users can add in their own value if you allow them to. This can be enabled through the tags … Read more
Because Select2 lib prevent any click events on popover list you can’t bind events to .info directly. But you can redefine onSelect method and place there any code you want. See example: http://jsfiddle.net/f8q2by55/ Update for multiple selects: http://jsfiddle.net/6jaodjzq/
You must define the select2 as $(“#customers_select”).select2({ placeholder: “Select a customer”, initSelection: function(element, callback) { } }); To reset the select2 $(“#customers_select”).select2(“val”, “”);