Javascript 单选插件的占位符文本无效

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

<select id="search_pi" name="search_pi" type="text" class="chosen-select"
        style="width:450px;" onchange="this.form.submit()" >

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

搜索项目/倡议。。。

JS

$（文档）.ready（函数（）{
$（'.select'）。已选择({
占位符\文本\单个：“选择一个选项”，
无结果文本：“哎呀，什么也没找到！”
});  
});

在选择字段中，我还尝试使用

data placeholder=“select an option”

，但这也没有帮助。有人能告诉我我错过了什么吗

---

提前感谢。

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

<option selected="selected" disabled>Search Project/Initiative...</option>

搜索项目/计划。。。

*编辑*

啊，对不起，我没有把你的问题读清楚

---

显然，第一个

必须是空的。请参阅。

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

<select id="search_pi" name="search_pi" type="text" class="chosen-select" style="width:450px;" onchange="this.form.submit()" >

  <option> </option>
  <?php
    include "../includes/search_dropdown.php";
    foreach($proj_ini_Array as $qa){
      echo "<option value = \"$qa\">$qa</option>";
    }
  ?>

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

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

<script>
  $(document).ready(function() {
    $('.chosen-select').chosen({
      placeholder_text_single: "Select Project/Initiative...",
      no_results_text: "Oops, nothing found!"
    });  
  });
</script>

$（文档）.ready（函数（）{
$（'.select'）。已选择({
占位符\文本\单个：“选择项目/计划…”，
无结果文本：“哎呀，什么也没找到！”
});  
});

使用

数据占位符=“您的文本”

在

选择
标记如果您是通过HTML而不是JS构建，实际上有一个更好/更简单的解决方案。你必须做两件事

中的第一个
应为空
您应该在
中包含
placeholder=“placeholder goes here”
。显然，这曾经被称为数据占位符，我认为这导致了一些混乱
因此，总的来说：

<select placeholder="Placeholder goes here">
    <option><!-- Empty option goes here. --><option>
    <option>Other Option</option>
</select>


其他选择
User response@Zack Joerdan解决了我的问题。
因此，spring需要在选项内部设置值

<select placeholder="Placeholder goes here">
    <option value=""><!-- Empty option goes here. --><option>
    <option>Other Option</option>
</select>


其他选择
您只需添加
数据占位符=“您的文本”
就可以了，无需使用jquery进行同样的操作

以下是示例

<select id="search_pi"  data-placeholder="Select Project/Initiative..." name="search_pi" type="text" class="chosen-select" style="width:450px;" onchange="this.form.submit()" >
              <?php
                include "../includes/search_dropdown.php";
                foreach($proj_ini_Array as $qa){
                  echo "<option value = \"$qa\">$qa</option>";
                }
              ?>
</select>



英语
乌尔都语
印地语
中国人

在select上添加数据占位符属性，并确保第一个选项为空。
占位符文本？你的意思是在第一个只提供信息的标签上添加一个
禁用的
属性，这样就不能在下拉列表中选择它了吗？是的，没错。表单框中突出显示的文本。这听起来确实像是一个选项…但我更喜欢使用所选的占位符文本功能。查看这个链接@tOmppa-我发现了：）但我无法回答我自己的问题：（.对于多选框，我们不必将第一个选项保留为空。我相信你可以在一天后回答。这应该是公认的答案！它直截了当，更容易配置！
<select id="search_pi"  data-placeholder="Select Project/Initiative..." name="search_pi" type="text" class="chosen-select" style="width:450px;" onchange="this.form.submit()" >
              <?php
                include "../includes/search_dropdown.php";
                foreach($proj_ini_Array as $qa){
                  echo "<option value = \"$qa\">$qa</option>";
                }
              ?>
</select>

        <select data-placeholder="Select language" class="chosen-select">
            <option></option>
            <option>English</option>
            <option>Urdu</option>
            <option>Hindi</option>
            <option>Chinese</option>
        </select>