jquery - 如何在select2框架中使用占位符作为默认值

Question

要获取我正在使用的 select2 的选定值:

var x = $("#select").select2('data');
var select_choice = x.text

问题是，如果未选择值，则会引发错误，我想知道是否有任何方法可以使其在未选择任何选项的情况下返回占位符

Answer 1

您必须添加一个空选项(即 <option></option> )作为第一个元素才能看到占位符。

摘自Select2官方文档:

“请注意，由于浏览器假定在非多值选择框中选择了第一个选项元素，因此必须提供空的第一个选项元素 ( <option></option> ) 才能使占位符发挥作用。”

示例:

<select id="countries">
    <option></option>
    <option value="1">Germany</option>
    <option value="2">France</option>
    <option value="3">Spain</option>
</select>

Javascript 是:

$('#countries').select2({
    placeholder: "Please select a country"
});