选择2'无'选项

Question

我有一个select2下拉菜单，我想在下拉列表的顶部添加一个'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",
    ...

您还可以通过data-placeholder

上的<option></option>对占位符进行设置

Answer 2

我有自己的答案，但我仍会接受另一个更好的解决方案。我最后添加了一个“”=＆gt;我的json调用中的“None”对提供了这个select2。它可以工作，但我认为以某种方式在本地添加它仍然会更好。