可滾動的下拉列表

Question

我想弄明白這一點。這裏是示例代碼

<select> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
</select> 

你如何使這個可滾動？假設你希望它只顯示3個選項，可滾動到最後一個選項，並仍然是一個下拉菜單。許多人建議使用<select>附帶的attr "size"。這會給出可滾動的效果，但不是我想到的。

那麼這甚至可能嗎？我一直在研究論壇，並且很多人建議使用<div>標籤，款式爲overflow auto。但我只是想知道是否可以創建可滾動的下拉菜單。

在此先感謝。

Answer 1

默認情況下，如果長度超過極限，它就會變爲可縮放。我不知道這是否是瀏覽器特定的，但在第11條/ ubuntu中，選擇下拉列表可以滾動到第21條。

Answer 2

試試這個..當選擇它時，下拉列表框變爲列表框，並且當任何選項被選中或者焦點被移除時返回到之前的狀態。

JSFiddle

<select name="select1" onmousedown="if(this.options.length>8){this.size=10;}" onchange='this.size=0;' onblur="this.size=0;"> 
... 
... 
</select>