Html選擇問題

Question

我在html select元素中有一些長文本。 當用戶選擇一個選項時，只要選擇了，文本就會顯示。

什麼是最好的解決方案，使其可用和清晰？

例

<select> 
<option>very long text 1</option> 
<option>very long text 2</option> 
<option>very long text 3</option> 
</select> 

用戶將看到類似，因爲選擇元件長度的「非常長T」。 是否有一個jQuery腳本或一些技巧，使整個文本可見？

Answer 1

我通常截斷（使用...後綴），這樣就不會弄亂下拉列表中，然後我設置的實際長期價值選項title顯示值： -

<select> 
    <option value="1" title="the brown fox jumped over the fence">the brown fox...</option> 
    ... 
</select> 

Answer 2

一個選項是用一組單選按鈕/標籤取代<select>。您有更多的格式化文本選項，並且它會更易於閱讀。

或者，如果不需要在選擇框中包含所有文本，則可以縮短選項上的文本 - 也許可以使用javascript來填充頁面上的其他區域，並提供他們剛選擇的選項的詳細說明。

編輯 - 要延長<select>框，可以使用style="width:250px;"或其他任何寬度設置其css寬度。 （或者把這個風格放在一個班上，很明顯）