1

私はこれを理解しようとしています。サンプルコードはこちら

<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 つのオプションのみを表示し、最後のオプションまでスクロール可能で、ドロップダウン メニューを表示したいとします。多くの人がattr "size"、付属の を使用することを提案してい<select>ます。それはスクロール可能な効果をもたらしますが、私が考えているものではありません。

それで、これは可能ですか？私はフォーラムを調査してきましたが、多くの人が<div>style で tagを使用することを提案しましoverflow autoた。しかし、スクロール可能なドロップダウンメニューを作成できるかどうか疑問に思っています。

前もって感謝します。

4

2 に答える 2

0

長さが制限を超えると、デフォルトでスクロール可能になります。これがブラウザ固有のものかどうかはわかりませんが、クロムメッキされた11 / ubuntuでは、21番目のエントリで選択ドロップダウンがスクロール可能になります。

于 2011-08-02T16:02:17.367 に答える
0

これを試してみてください..ここでは、ドロップダウンが選択されるとリストボックスになり、オプションが選択されるかフォーカスが削除されると前の状態に戻ります。

JSFiddle

    <select name="select1" onmousedown="if(this.options.length>8){this.size=10;}" onchange='this.size=0;' onblur="this.size=0;">
...
...
</select>
于 2014-04-01T06:58:06.547 に答える