Select2: Set default selection when using ajax select

[sanderhahn]

Is it possible to set the default selection {id: ..., text: ...} or another structure when using the Ajax dropdown? Tried setting both the data: and val: in the select2 jquery call to initial values (the initial value and one data record that contains its id and other values). However this doesn't seem to work... The placeholder seems to be available for the no current selection, or should i use it instead?

[brentan]

use the initSelection method in your call to select2. For example:
$('#element').select2({
initSelection: function(element, callback) {
callback({id: 1, text: 'default selection with id 1' });
},
minimumInputLength: 3,
ajax: {
url: your_remote_url,
dataType: 'json',
quietMillis: 100,
data: function (term, page) {
return {
q: term //search term
};
},
results: function (data, page) {
return {results: data, more: false};
}
}
});

[sanderhahn]

Thanks that worked perfect :+1:

[Natumsol]

@brentan Thanks, it works for me!

[onet4]

In my case,

initSelection: function(element, callback) {
    callback({id: 1, text: 'default selection with id 1' });
},

had to be

initSelection: function(element, callback) {
    return callback({id: 1, text: 'default selection with id 1' });
},