2013-01-02 75 views
0

我有一个选择2列表框看起来像这样:select2高度错误?

select2

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

我进行下面的调用来创建它:

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

这是选择2调用之前的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> 

我看到有一个空值第一,那也没问题但它应该正确反驳,而不是高度的一半。

回答

1

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

+0

感谢您的回复。但我不想显示选择空值的可能性。有些东西需要随时填写。 – rept

+0

如果需要始终填写内容,为什么要为选择添加空白选项? –

0

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

在代码(假设一个空选项设置如下):

<option value=""></option> 

选择一个选项后,用户不能选择空选项了:

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

选择一个选项,用户后是能够取消/选择空选项:

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

如果你真的想要一个空的选项临时t可以在选择另一个选项后选择,您可以填写

&nbsp
以使其达到最大高度。