jquery-select2 - select2 高度不对？

Question

我有一个如下所示的 select2 列表框：

第一个值是空的，它工作正常，但盒子似乎不够高。

我进行以下调用来创建它：

$elem.select2({minimumResultsForSearch: 10, placeholder: undefined, width: 'resolve'});

这是调用 select2 之前的 HTML：

<select class="select required" id="user_transaction_company_user_id" name="user_transaction[company_user_id]"><option value=""></option>
<option value="17">enza rinaldi</option>
<option value="14">stijn verrept</option></select>

我首先看到有一个空值，这没问题，但它应该正确显示它，而不是高度的一半。

Answer 1

您应该定义一个占位符选项，它将删除空选项并在未选择任何值时显示占位符。

Answer 2

如果您不想设置默认值（默认情况下选择框的第一个选项），则需要在选项中设置一个空值。如果您在初始化 select2 时设置了占位符，则 select2 将自动将此空选项替换为占位符文本（此占位符可以为空白）。一旦用户选择了一个选项，就无法再选择空选项（除非您指定 allowClear: true）。

在代码中（假设一个空选项设置如下）：

<option value=""></option>

选择一个选项后，用户不能再选择空选项：

$elem.select2({ placeholder: "" });

选择一个选项后，用户可以取消选择/选择空选项：

$elem.select2({ placeholder: "", allowClear: true });

Answer 3

如果您真的想要一个可以在选择另一个选项后选择的空选项，您可以使用

使其全高。