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
$(“#first”).val(); // this will give you value of selected element. i.e. 1,2,3.
You are doing most things correctly, it looks like the only problem you are hitting is that you are not triggering the change method after you are setting the new value. Without a change event, Select2 cannot know that the underlying value has changed so it will only display the placeholder. Changing your last part … Read more
Selectize.js is a select2 alternative I’ve been working on that has a suite of tests using a combination of testem, syn, mocha, and chai. Right now there are the following classes of tests: InteractionFunctional tests that makes sure the control behaves as if the user is using it (using syn). SetupEnsures the control can be … 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
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
SELECT2 < V4 Step #1: HTML <input name=”mySelect2″ type=”hidden” id=”mySelect2″> Step #2: Create an instance of Select2 $(“#mySelect2”).select2({ placeholder: “My Select 2”, multiple: false, minimumInputLength: 1, ajax: { url: “/elements/all”, dataType: ‘json’, quietMillis: 250, data: function(term, page) { return { q: term, }; }, results: function(data, page) { return {results: data}; }, cache: true }, … Read more
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
In my case the select2 would open correctly if there was zero or more pills. But if there was one or more pills, and I deleted them all, it would shrink to the smallest width. My solution was simply: $(“#myselect”).select2({ width: ‘100%’ });
See this thread https://github.com/ivaynberg/select2/issues/489, you can hide the search box by setting minimumResultsForSearch to a negative value. $(‘select’).select2({ minimumResultsForSearch: -1 });