select2 - как я могу инициализировать и использовать по умолчанию заполнитель, если значение не выбрано?

Я пытаюсь заставить select2 отображать заполнитель, когда в HTML <select> не выбрана опция.

Мой HTML-выбор - ни один из параметров не имеет атрибута «выбрано», и нет «пустого» параметра:

<select id="el" style="width:300px">
    <option value="1">United States</option>
    <option value="2">Canada</option>
</select>

При загрузке страницы я делаю это:

$('#el').val(null);

В результате моя комбинация выглядит так — вы видите, что ни один вариант не выбран:

введите здесь описание изображения

Затем я запускаю select2:

$('#el').select2({
    allowClear: true,
    placeholder: '(select...)'
});

и комбинация превращается в элемент управления select2 с выбранным «Соединенные Штаты»:

введите здесь описание изображения

Тем не менее, я хотел бы, чтобы это выглядело так:

введите здесь описание изображения

т.е. когда значение моей комбинации равно NULL (или selectedIndex равно -1), я хотел бы, чтобы select2 отображал заполнитель (select...), а не первый <option>.


person temuri    schedule 13.04.2016    source источник
comment
Возможный дубликат stackoverflow.com/questions/21413241/. См. ответ.   -  person smcd    schedule 13.04.2016
comment
Принятый ответ не работает в предлагаемом решении. Во-первых, он не отображает заполнитель, во-вторых, он также отображает пустой элемент в качестве первого варианта. Не полезно.   -  person temuri    schedule 13.04.2016
comment
Это работает? jsfiddle.net/kqqeet2s/1 из документации select2.github.io/   -  person smcd    schedule 14.04.2016