[英]select2 placeholder showing empty option
在 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>
但是当我这样做时,我会将此选项设为空,这是可选的
我怎么能不显示该选项但仍然是占位符?
谢谢!
您在第 2 行有语法错误。
<option></option>
这是一个迟到的答案,但它可以帮助某人。
我有一个带有 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');
空选项实际上是占位符,我使用下面的代码解决了它
var s1 = $('#select2id').select2({
multiple: true,
placeholder: "Select values"
});
s1.val([' ']).trigger("change");
s1.val([' ']).trigger("change");
成功了
保留空选项并通过标记上的 data-placeholder 属性或在初始化 select2 时通过占位符选项指定占位符文本。
在加载角色选项后,您可以添加一行以删除第一个“空”选项。 您可以使用 jquery 进行如下操作。
$("#selectBox option[value='']").remove();
试试$('select').select2({placeholder: 'Please select...'});
. 结合一个空的<option></option>
应该可以完成工作;)。
我刚刚遇到了同样的问题,简单的<option></option>
对我不起作用。
似乎插入了空选项,但它没有分配任何高度,因此无法达到它。
我通过添加一个不间断空格(
)字符来解决(简单的空格也不起作用):
<option> </option>
有点离题,但您可以为此搜索解决方案:
如果您在每个 select2 小部件选项之间有空选项 - 如果您在模板中使用 jinja {% for %}
循环,请检查您的 jinja 标签并删除<option></option>
标签。
您需要按照官方文档输入的所有内容都可以使用:
$('#mySelect2').val(null).trigger('change');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.