如何为select2添加占位符?

Posted

技术标签:

【中文标题】如何为select2添加占位符?【英文标题】:How to add placeholder for select2? 【发布时间】:2014-03-13 09:40:27 【问题描述】:

是的,我们可以像这样向 select2 添加占位符,

$("#e2_2").select2(
placeholder: "Select a State"
);

但我需要这样的东西,

在这里您可以看到linkedin 提供了“键入另一个专业领域”。意味着当您再次选择专业知识时,它会显示占位符以供选择。我想用 select2 做同样的事情。

请帮忙。

【问题讨论】:

嗨。你试过了吗:$("#select2id").attr("placeholder","whatever") 嘿伙计。看看这个,希望对你有帮助。 ***.com/a/17603167/3069595 在阅读@JSG33kC0d3 链接到的问题之前,我将建议添加一个具有空值的选项,例如<option value=""></option>。我不确定这是否适用于 tag 选项,但这就​​是 select2 在“正常”使用时通常显示初始化中设置的占位符的方式。 【参考方案1】:

我认为这不是这个插件的功能。占位符仅“放置”在第一个输入字段中。当您“保存”第一个元素时,插件会生成一个静态 html,其中包含一个没有任何占位符的新字段。我认为要更改此行为,您需要更改插件源代码。

您可以在文件中找到第二个输入的“模板”:

[root]/select2-4.0.0/src/js/select2/dropdown/search.js

【讨论】:

以上是关于如何为select2添加占位符?的主要内容,如果未能解决你的问题,请参考以下文章

如何为 YouTube 视频添加启动画面/占位符图像 [关闭]

select2 占位符显示空选项

如何在 Select2 Widget 中添加占位符 - Yii2

如何为“选择”框制作占位符?

占位符上的 Select2 字体真棒图标

如何为 DIV 创建一个类似于文本字段的“占位符”?