web-dev-qa-db-ja.com

HTML-複数の選択タグの最大行を変更する

したがって、複数を有効にした選択タグを表示する行数を変更するにはどうすればよいですか？

<select multiple="multiple">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

これは最初の4つのオプションのみを表示します。スクロールせずに5番目のオプションを表示するにはどうすればよいですか？

javascripthtmlselect
21
Mich'

CSSを使用して正確な高さを指定できますが、selectのレンダリングが異なるため、すべてのブラウザーで同じようにレンダリングされるとは限りません。

<select multiple="multiple" style="height: 24pt">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

フィドル： http://jsfiddle.net/24Myw/

8
darwin

size属性を使用します。

<select size="5" multiple name="whatever">

参照：

76
David says reinstate Monica
<select size="any number" name="#" id="#">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

それはうまくいきます

1
Eng Maisa