Я использую замечательный select2 для создания комбинации множественного выбора.
Я хотел бы программно выбрать значения по умолчанию (как при выборе, сделанном пользователем ранее), но я не знаю, как это сделать. Я читал, что использование initSelection помогает, но это вызывается при создании комбо, и я не хочу, чтобы этот выбор по умолчанию всегда выполнялся.
правильное решение в версии 4.x на примере:
$('#element').val(['val1','val2']).trigger('change');
см.: описание создателя
Я нашел несколько решений, возможно, это поможет вам:
$('#el').select2({...}) // init select2
var defaultData = [{id:1, text:'Item1'},{id:2,text:'Item2'},{id:3,text:'Item3'}];
$('#el').data().select2.updateSelection(defaultData);
$('#input').select2('data', preload_data); где preload_data — это объект
- person Andrew Brown; 22.01.2014
Со страницы документации:
«val — получает или устанавливает выбор. Если параметр значения не указан, возвращается атрибут id текущего выбранного элемента. Если параметр значения указан, он станет текущим выбором».
Также из документов:
$("#e8").select2("val", "CA");
Как указано в документации здесь, вы можете просто добавить «параметры» к выбранному разметка, чтобы предварительно выбрать начальные значения по умолчанию.
<select class="js-data-example-ajax">
<option value="3620194" selected="selected">select2/select2</option>
</select>
$('#el').select2().val(['val1','val2']).trigger("change")
делает трюк, но по некоторым причинам он удаляет возможность добавить свой собственный тег...
Следующий код работает нормально, но select2 нужно обновить
$('#el').data().select2.updateSelection(defaultData);
Чтобы продолжить ответ @sanj. Кажется, это работает для меня в моих проектах.
Через HTML
HTML
<select class="select2" style='width:100%;' multiple>
<option val=''>Please choose</option>
<option val="1" selected>One</option>
<option val="2" selected>Two</option>
<option val="3">Three</option>
</select>
JS
$('.select2').select2();
Результаты 
С помощью Javascript
HTML
<select class="select2" style='width:100%;' multiple>
<option val=''>Please choose</option>
<option val="1">One</option>
<option val="2">Two</option>
<option val="3">Three</option>
</select>
JS
$('.select2').select2();
var defaultData = [{id:1, text:'One'},{id:2,text:'Two'}];
$('.select2').data().select2.updateSelection(defaultData);
Результаты 
Разобрались наконец!! Select2 перебирает тег <option> под тегом <select>.
<select class="js-data-example-ajax" style="width:100%">
<option value="3620194" selected="selected">Put the pre-selected options here</option>
</select>
Внутренний HTML-код <option> помещается в объект репо под текстовым ключом. Итак, repo.text даст файл innerhtml. То есть все, что нам нужно сделать, это поставить repo.text в параметр formatSelection в файле init. Также json, передаваемый из сервлета (контроллера), должен иметь желаемый текст метки, помещенный под ключ text!! Все еще выясняю, как добавить атрибуты к созданным элементам li, чтобы я мог сохранить измененный список. Любые идеи?
Я просмотрел массив значений, затем установил каждый параметр, соответствующий («выбрано», true)
values = [2, 5, 3]
for val in values
$("#selects_id option[value="+val+"]").prop("selected",true).trigger("change")
Вы также можете работать с результатами, полученными от вызова Ajax.
Вы можете найти решение здесь с автозаполнением, множественный выбор Раскрывающийся список с помощью JQuery Select2.
Связывает данные с HTML-элементом «select», который затем используется функциями «Select2», чтобы преобразовать их в красивый раскрывающийся список с множественным выбором.
Он может хорошо работать с использованием AJax и обязательно попробует в ближайшие дни.
