如何在 Select2 中先设置占位符
How to set placeholder first in Select2
如何先设置占位符而不是 Select2 中的默认值
我这里有这个 HTML 代码:
<select class = "select2" style = "width:100%" id = "selectme">
<option value = "oldest"> Person 1</option>
<option value = "oldest"> Person 2</option>
<option value = "oldest"> Person 3</option>
</select>
和 Jquery 在这里选择 2:
$("#selectme").select2({
placeholder: "Assign to:",
allowClear:true
});
Select2 Documentation中的示例首先将占位符设置为默认值。但在我的例子中,默认值是 Person 1 而不是占位符。为什么?
要使占位符正常工作,您需要将一个空选项添加到 select 列表中,例如:
<select class="select2" style="width:100%" id="selectme">
<option value=""></option>
<option value="oldest">Person 1</option>
<option value="oldest">Person 2</option>
<option value="oldest">Person 3</option>
</select>
如果您没有关闭标签,您的 html 代码似乎是原始代码:
<select class = "select2" style = "width:100%" id = "selectme">
<option value = "oldest"> Person 1</option>
<option value = "oldest"> Person 2</option>
<option value = "oldest"> Person 3</option>
</select>
html
<select class="select2" style="width:100%" id="selectme">
<option value=""></option>
<option value="oldest">Person 1</option>
<option value="oldest">Person 2</option>
<option value="oldest">Person 3</option>
</select>
jquery
$(".select2").select2({
placeholder: "change your placeholder"
});
如何先设置占位符而不是 Select2 中的默认值
我这里有这个 HTML 代码:
<select class = "select2" style = "width:100%" id = "selectme">
<option value = "oldest"> Person 1</option>
<option value = "oldest"> Person 2</option>
<option value = "oldest"> Person 3</option>
</select>
和 Jquery 在这里选择 2:
$("#selectme").select2({
placeholder: "Assign to:",
allowClear:true
});
Select2 Documentation中的示例首先将占位符设置为默认值。但在我的例子中,默认值是 Person 1 而不是占位符。为什么?
要使占位符正常工作,您需要将一个空选项添加到 select 列表中,例如:
<select class="select2" style="width:100%" id="selectme">
<option value=""></option>
<option value="oldest">Person 1</option>
<option value="oldest">Person 2</option>
<option value="oldest">Person 3</option>
</select>
如果您没有关闭标签,您的 html 代码似乎是原始代码:
<select class = "select2" style = "width:100%" id = "selectme">
<option value = "oldest"> Person 1</option>
<option value = "oldest"> Person 2</option>
<option value = "oldest"> Person 3</option>
</select>
html
<select class="select2" style="width:100%" id="selectme">
<option value=""></option>
<option value="oldest">Person 1</option>
<option value="oldest">Person 2</option>
<option value="oldest">Person 3</option>
</select>
jquery
$(".select2").select2({
placeholder: "change your placeholder"
});