スクロール可能なドロップダウンリスト

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 selectドロップダウンは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>