Как показать выбранное значение select2?

Я пытаюсь динамически установить значение для моего поля со списком, к которому я применил класс jQuery select2. После применения кода он устанавливает значение для этого поля со списком; но он все еще говорит «Выберите один». Может ли кто-нибудь помочь мне показать выбранное значение? Пожалуйста.

HTML:

<select id="cmboDemo">
 <option value="">Select one</option>
 <option value="Bob">Bob</option>
 <option value="Scott">Scott</option>
</select>

JavaScript:

$("#cmboDemo").select2();
//....
$("#cmboDemo").val("Scott");
...//

В результате выбран Скотт, но в поле со списком отображается «Выбрать один».


javascript jquery combobox jquery-select2-4 select2
person Raj Khot    schedule 13.06.2016    source источник
comment
Хотя меняется? jsfiddle.net/brz61j2y   -  person dariru    schedule 13.06.2016

Ответы (2)


arrow_upward
4
arrow_downward

Удалить $("#cmboDemo").select2();

и используйте только второй:

$("#cmboDemo").val("Scott");
person anju    schedule 13.06.2016
comment
Я также использовал этот код. Но все равно не работает! - person Raj Khot; 13.06.2016
comment
Нет, приятель. Все равно не работает. Я думаю, что есть проблема с некоторыми css, которые поставляются с select2.js - person Raj Khot; 13.06.2016
comment
Без этого работает абсолютно нормально. но я хочу использовать этот select2 , который дает мне эффект прокрутки и ввода. - person Raj Khot; 13.06.2016
comment
jsfiddle.net/jtf7gkfw/1 проверьте внешние ресурсы и замените свои - person anju; 13.06.2016

arrow_upward
0
arrow_downward

При использовании select2.js некоторые дополнительные слои css перекрываются с полем со списком. Используя весь приведенный выше код, значение устанавливается в поле выбора; но из-за этого верхнего слоя стиля он показывает первое значение. т.е. выберите один. Таким образом, изменение текста этого верхнего слоя устранит проблему.

Это окончательный результат:

$("#select2-cmboDemo-container").text("Scott");

Спасибо.

person Raj Khot    schedule 13.06.2016