2011-04-08 91 views
-1

可能重複:
height of the dropdown box display調整名單的高度下拉框中

我如何可以調整名單的高度,在下拉菜單中,因爲我有在下拉框中加載了太多的值。例如,它只顯示10個條目,並用滾動條查看剩餘條目。有誰知道這是怎麼做到的嗎?


這不是我想要的 this is not what I want


I want this ,which only display 5 option and with scrollbars to see remaining 我想這一點,只顯示5選項,並且帶有滾動條來查看剩餘

回答

1

你的意思是?:

<select size="234"> 
+1

不,這不是我想要的。如果我設置size =「一個數字」,該選項將顯示修復中的一些值,而不會摺疊。我很抱歉,我可憐的英語。你可能會明白我的意思是我附加的圖片 – tian 2011-04-08 21:27:50

1

使用以下代碼:

<select size="10" id="items"> 
    <option value="a1">A1</option> 
    <option value="b1">B1</option> 
    <option value="c1">C1</option> 
    <option value="d1">D1</option> 
    <option value="e1">E1</option> 
    <option value="a2">A2</option> 
    <option value="b2">B2</option> 
    <option value="c2">C2</option> 
    <option value="d2">D2</option> 
    <option value="e2">E2</option> 
</select> 

其中10是一次顯示的項目數。一定要體諒那些小分辨率的人,如果你把它做得太大,可能無法看到所有的東西。請參考以下鏈接瞭解此設置的詳細信息:

http://www.w3schools.com/tags/att_select_size.asp

編輯:

上面的代碼將讓選擇看起來像一個列表框。您無法控制選擇對象的大小,仍然保持它看起來一樣。因爲它是一個應用程序級別控件,所以Web瀏覽器呈現它並且不允許此設置。有關詳細信息,請參閱下面的堆棧溢出,其中顯示有同樣的問題:

Height of an HTML select box (dropdown)

+0

不,這不是我想要的。如果我設置size =「一個數字」,該選項將顯示修復中的一些值,而不會摺疊。我很抱歉,我可憐的英語。你可能會理解我所附圖片的含義。 – tian 2011-04-08 21:22:12

+1

我編輯了我的解決方案。基本上,你不能做你想做的事情。你將不得不使用純JavaScript創建自己的自定義下拉菜單。 – 2011-04-08 21:42:33