Select2 多个 - 如何设置空白默认值

Posted 2023-05-07

【中文标题】Select2 多个 - 如何设置空白默认值

【英文标题】：Select2 multiple - how to set blank default value

【发布时间】：2019-05-17 22:26:15

【问题描述】：

我有一个使用Select2 的动态多项选择输入。我需要创建一个“空白”选项，该选项具有带有一些标题的空值，因此它的行为就像没有选择任何内容，但用户看到选择了“全部”选项。这是因为当没有选择任何内容并且用户认为它是强制性的时，它是反直觉的。

我认为这可行：

<option value="">All</option>

但我不知道如何选择此选项。每次从服务器请求选项列表时，Ajax 都会删除所有选项。

因此，每当没有选择任何内容时，标题为“All”的“fake”选项就会被选中，如果选择了一个或多个选项，fake 选项会自动取消选择。

【问题讨论】：

你为什么不直接放一个占位符呢？你能分享你用来填充 Select2 的代码吗？

【参考方案1】：

您可以只添加选定的。当其他东西被选中时，你删除选中并添加禁用。

<select>
<option value="" disabled selected>Select your option</option>
<option value="value">Option</option>
</select>