选择 2 'None' 选项

Question

我有一个 select2 下拉列表，我想将 'None' 选项（value=""）添加到下拉列表的顶部。我的下拉菜单是一个儿子电话，所以它是动态的。

我理解占位符并且我已经知道了。我知道，如果用户将该字段留空，这与我所得到的相同，我希望清楚地表明您选择的是 'None'.

我在其他地方找不到这个。我试过这样的事情：

        <select class="select required" name="foo" id="bar">
          <option></option>
          <option value="">None</option>
        </select>

但这不起作用。否则下拉菜单效果很好。

Answer 1

尝试使用 allowClear

$("#select-box").select2({
    allowClear: true,
    placeholder: "Search for a movie",
    ...

您也可以在 <option></option>

上通过 data-placeholder 分配占位符

Answer 2

我有自己的答案，但我仍然会接受另一个更好的解决方案。我最终在我的 json 调用中添加了一个 "" => "None" 对来提供这个 select2。它有效，但我认为以某种方式在本地添加它仍然会更好。