Выберите 2 не выбран вариант - PullRequest
Новая
       12

Выберите 2 не выбран вариант

0 голосов
/ 06 мая 2018

я взял готовый рабочий пример [рабочий пример] [1] и переделал это, чтобы соответствовать моим потребностям. [мой код] [2] Но у меня нет выбранного элемента. 

  [1]: http://jsfiddle.net/tw57m8bx/1/
  [2]: http://jsfiddle.net/vipTelnet/m7vx0nuc/2/

1 Ответ

0 голосов
/ 06 мая 2018

Если вы посмотрите на источник скрипки, вы заметите, что версии ресурса библиотеки select2 отличаются.

Версия 3.5.2: http://jsfiddle.net/tw57m8bx/1/

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js"></script>

Версия 4.0.5: http://jsfiddle.net/vipTelnet/m7vx0nuc/2/

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"></script>

Обновление: Заставить его работать на версии 4.0.5

Рабочая скрипка> http://jsfiddle.net/m7vx0nuc/3/

Вам необходимо связать данные, добавив атрибут данных к select2(). Также добавлен пустой тег по умолчанию option в HTML, иначе первый элемент выбран по умолчанию. 

$('#select').select2({
   minimumInputLength: 0,
   data:lastOptions
});
...