HTML - изменение максимальных строк на нескольких тегах select

Итак, как я могу изменить, сколько строк должен быть показан тег select с несколькими включенными:

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

Это покажет только первые четыре варианта, как я могу показать пятый, не прокручивая?

Ответ 1

Вы можете использовать CSS для определения точной высоты, но это, вероятно, не будет отображаться точно так же во всех браузерах из-за различной рендеринга выделения:

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

Fiddle: http://jsfiddle.net/24Myw/

Ответ 2

Используйте атрибут size:

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

Литература:

<select> элемент.

Ответ 3

<select size="any number" name="#" id="#">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

хорошо работает

Ответ 4

мы также можем использовать атрибут "Row" для страниц ASPX, используйте код ниже

<asp:ListBox runat="server" SelectionMode="Multiple" Rows="10"></asp:ListBox>