所选插件的占位符文本，用于单个选择不起作用

我在我的代码中实现了单选的插件选择。 我正在尝试为搜索框添加占位符文本，但我无法。 我尝试过以下的事情：

 Search Project/Initiative... <?php include "../includes/search_dropdown.php"; foreach($proj_ini_Array as $qa){ echo "$qa"; } ?> 

JS

  $(document).ready(function() { $('.chosen-select').chosen({ placeholder_text_single: "Select an option", no_results_text: "Oops, nothing found!" }); });  

在选择字段中，我也尝试使用data-placeholder="Select an option"但这也没有帮助。 有人可以告诉我我错过了什么吗？

提前致谢。

Answer 1

好的。 我找到了答案。 我们需要将第一个选项设置为空白，以便为单选选择搜索框激活占位符文本。

    $qa"; } ?> 

在上述情况下，占位符文本将默认为“选择选项”。

对于单个搜索选择框的自定义占位符文本，您可以如下编辑js文件，并将第一个选项留空以显示占位符文本：

Answer 2

在select标签中使用data-placeholder="YOUR TEXT"

Answer 3

要使您的第一个选项只是一个指导文本，但无法让用户选择它，请使用以下命令：

 Search Project/Initiative... 

*编辑*

对不起，开始时没有清楚地看到你的问题。

显然第一个需要是空的。 看到这个jsfiddle 。

Answer 4

如果你是通过HTML而不是JS构建，那么这个问题实际上是一个更好/更容易的解决方案。 你必须做两件事。

1. 的第一个 应为空。
2. 您应该在包含placeholder="Placeholder goes here" 。 显然这曾经被称为data-placeholder ，我认为这导致了一些混乱。

所以，总的来说：

   Other Option  

Answer 5

用户回复@Zack Joerdan解决了我的问题。 所以弹簧所需的值在选项内

   Other Option  

Answer 6

你可以简单地添加data-placeholder="YOUR TEXT"不需要使用jquery

这是一个例子

  $qa"; } ?>