Как установить значение по умолчанию в тегах в select2 jquery

Я использую select2 (http://ivaynberg.github.io/select2/) для ввода тегов . из примера использования тегов select2 код выглядит так.

 $("#e12").select2({tags:["red", "green", "blue"]});

теперь моя проблема заключается в том, как я могу вставить значение по умолчанию в свой ввод, как в примере страницы в http://ivaynberg.github.io/select2/ в поддержке тегов вход имеет значение по умолчанию «коричневый», «красный» и «зеленый».


input jquery tags jquery-select2
person gadss    schedule 07.06.2013    source источник

Ответы (3)


arrow_upward
17
arrow_downward

Вы можете инициализировать элемент управления Select2, указав значение для скрытого ввода:

<input type="hidden" id="e12" value="brown,red,green" />

И вы можете установить значение элемента управления Select2, передав массив методу 'val':

$('#tagSelect').select2('val', ['brown','red','green']);

демонстрация jsfiddle

person John S    schedule 08.06.2013
comment
@Craicerjack - Спасибо за уведомление. Я исправил чернила внешних ресурсов в скрипке, чтобы она снова работала. - person John S; 10.02.2016
comment
да, извините, я действительно должен был сделать это сам, но был занят чем-то другим, поэтому я просто сказал, что хочу предупредить вас. - person Craicerjack; 10.02.2016

arrow_upward
8
arrow_downward

Обновленная версия

Скажем, вы инициализировали свой выбор следующим образом:

$('.mySelect').select2({
  multiple: true,
  tags: "true"
});

Затем используйте эти 2 функции для запуска изменения. (как видно из официальной документации)

$('.mySelect').val(['value1', 'value2']);
$('.mySelect').trigger('change.select2');

Где «value1» и «value2» — это идентификаторы option элементов выбора.

person rafinskipg    schedule 03.03.2017

arrow_upward
5
arrow_downward

Для Select2 4.0 мне пришлось добавить атрибут данных в select2, а также установить значение и вызвать изменение, например:

$('#mySelect').select2({
  data: ['one','two'],
  tags: true
});
$('#mySelect').val(['one','two']).trigger('change')
person marimaf    schedule 03.11.2018