select2占位符显示空选项

Question

在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>

但是,当我这样做时,我将此选项清空,可以选择

我怎么能不显示该选项但仍然是占位符？

谢谢!

Answer 1

您在第二行有语法错误.

<option></option>

Answer 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');

Answer 3

空选项实际上是占位符，我使用下面的代码解决了它

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

该s1.val([' ']).trigger("change");做的伎俩