multiple select in AJAX mode? about select2 HOT 12 CLOSED

add multiple in the constructor options:

{
multiple:true,
ajax: {....}
}

from select2.

attach it to input type=hidden tag, when attached to a select tag select2 pulls the choices from the option tags.

from select2.

even though there is no example, the ajax part works exactly the same for multiple as it does for single.

from select2.

Hi, thanks for the quick replay. So i tried:

using the select html tag by select id='x' multiple

$("#x").select2({
placeholder: {title: "Search for a movie", id: ""},
minimumInputLength: 3,
ajax: {
url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
dataType: 'jsonp',
quietMillis: 100,
data: function (term, page) { // page is the one-based page number tracked by Select2
return {
q: term, //search term
page_limit: 10, // page size
page: page, // page number
apikey: "ju6z9mjyajq2djue3gbvv26t" // please do not use so this example keeps working
};
},
results: function (data, page) {
var more = (page * 10) < data.total; // whether or not there are more results available

            // notice we return the value of more so Select2 knows if more results can be loaded
            return {results: data.movies, more: more};
        }
    },
    formatResult: movieFormatResult, // omitted for brevity, see the source of this page
    formatSelection: movieFormatSelection // omitted for brevity, see the source of this page
});

But this doesn't work for me. Any quick guidance you can give me?
Thx!

from select2.

ok, so to make it work for "multiple" selects, what do i do? i've tried adding class "multiple" to the hidden input but no luck.

from select2.

thanks, that worked for me! but it seems the placeholder now just says [Object object].

i have:
{....
placeholder: {title: "Search for a movie", id: "s"},
....

from select2.

can you set up a jsfiddle so i can see exactly what you are doing? you can fork this one here:

http://jsfiddle.net/ivaynberg/seck4/10/

from select2.

hi, here's the updated link:

http://jsfiddle.net/5Vcfw/1/

from select2.

in multiselect mode only string based placeholders really make since the placeholder is not rendered as a selection (a box with an x to close it). so change it to placeholder: "Search for a movie" and it will work.

from select2.

perfect, thanks, and good work!

from select2.

wow, its really good, thanks social coders, helps a lot.

from select2.

If you are looking at this thread in 2018 and using select2 > 4.0 the input fields wont work, it should be a select https://stackoverflow.com/a/33210771/1195507

from select2.