2013-01-02 78 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
以使其達到最大高度。