我在我的代码中实现了单选插件。我正在尝试添加搜索框的占位符文本,但无法添加。我尝试了以下几种方法:
<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"
,但也没有用。有人能告诉我我错过了什么吗?
提前谢谢。
发布于 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>
发布于 2014-12-16 20:02:30
在select
标记中使用data-placeholder="YOUR TEXT"
发布于 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>
https://stackoverflow.com/questions/20200638
复制相似问题