Отображение заполнителя в выпадающем списке Select2

Question

Select2 - это аккуратное выпадающее меню, которое объединяет типизацию и автозаполнение. Если я не включаю <option value="" selected="selected" style="display:none;"></option>, тогда первый вариант всегда выбирается по умолчанию, а местозаполнитель не отображается.

Есть ли лучшие решения, чем это?

Вот что я делаю в HTML:

<select id="my-dropdown"> 
    <option value="" selected="selected" style="display:none;"></option> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 

В файле JavaScript:

$('#my-dropdown').select2({ 
    placeholder: 'Choose One' 
}); 

Answer 1

добавить следующий после кода JS:

$('#my-dropdown').val('').trigger('change'); 

или более просто измените код js на:

$('#my-dropdown').select2({ 
    placeholder: 'Choose One' 
}).val('').trigger('change'); 

Fiddle