单选不起作用的选定插件的占位符文本
单选不起作用的选定插件的占位符文本
提问于 2013-11-26 02:38:38
我在我的代码中实现了单选插件。我正在尝试添加搜索框的占位符文本，但无法添加。我尝试了以下几种方法：
<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
<script>
$(document).ready(function() {
$('.chosen-select').chosen({
placeholder_text_single: "Select an option",
no_results_text: "Oops, nothing found!"
});
});
</script>在select字段中，我也尝试使用data-placeholder="Select an option"，但也没有用。有人能告诉我我错过了什么吗？
提前谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-12-04 07:51:33
好吧。我找到了答案。我们需要有第一个选项为空的占位符文本要激活的单选搜索框。
<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>";
}
?>在上述情况下，占位符文本将默认为"Select an option“。
对于自定义占位符-单个搜索选择框的文本，您可以编辑js文件，如下所示，并使要显示的占位符文本的第一个选项为空：
<script>
$(document).ready(function() {
$('.chosen-select').chosen({
placeholder_text_single: "Select Project/Initiative...",
no_results_text: "Oops, nothing found!"
});
});
</script>Stack Overflow用户
发布于 2014-12-16 20:02:30
在select标记中使用data-placeholder="YOUR TEXT"
Stack Overflow用户
发布于 2017-05-12 02:18:20
用户回复@Zack Joerdan解决了我的问题。因此，spring required value inside选项
<select placeholder="Placeholder goes here">
<option value=""><!-- Empty option goes here. --><option>
<option>Other Option</option>
</select>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20200638
复制相关文章
相似问题