select2 placeholder показывает пустую опцию

тоже добавить placeholder в select2, мне нужно добавить пустой тег опции в код, подобный этому

<select id="e2" name="rol_id" >
                       <option><option>
                       {foreach from=$data.roles item=rol}
                       <option value={$rol.rol_id}>{$rol.rol_nombre}</option>
                       {/foreach}
 </select>

но когда я делаю это, я получаю этот параметр пустым, который можно выбрать enter image description here

как я могу не показывать эту опцию, но все же местозаполнитель?

Благодарю!

Ответы

Ответ 1

У вас есть синтаксическая ошибка во 2-й строке.

<option></option>

Ответ 2

Это поздний ответ, но он может помочь кому-то.

У меня модальный с входом select2.

Нам нужно добавить <option></option> для показа заполнителя.

HTML

<select  id="Name">
  <option></option>
  <option value="John">John</option>
  <option value="Brian">Brian</option> 
  <option value="Carl">Carl</option>
</select>

Если я хочу, чтобы заполнитель появился.

Jquery

$('#Name').select2({placeholder: 'Select a Name'});

$('#Name').select2('val', '');

Если я хочу увидеть значение на входе select2:

$('#Name').select2('val', 'John');

Ответ 3

Пустая опция на самом деле для заполнителя, я решил ее, используя код ниже

var s1 = $('#select2id').select2({
                    multiple: true,
                    placeholder: "Select values"
                });
                s1.val([' ']).trigger("change");

s1.val([' ']).trigger("change"); сделал трюк

Ответ 4

оставьте пустую опцию и укажите текст заполнителя либо через атрибут data-placeholder в теге, либо через опцию placeholder при инициализации select2.

Ответ 5

Вы можете добавить строку, чтобы удалить первый "пустой" вариант после загрузки опций для ролей. Вы можете сделать это, как показано ниже, используя jquery.

$("#selectBox option[value='']").remove();

Ответ 6

Просто попробуйте $('select').select2({placeholder: 'Please select...'}); , В сочетании с пустым <option></option> должно выполняться задание;).

Ответ 7

Я только что столкнулся с той же проблемой, и простой <option></option> мне не помог.

Кажется, вставлена пустая опция, но она не выделяет никакой высоты, поэтому ее невозможно достичь.

Я решил, просто добавив символ без пробела (&nbsp;) (простой пробел тоже не сработал):

<option>&nbsp;</option>

Ответ 8

проверьте, не пусто ли ваши значения параметра