Question

那么我该如何更改应该显示多个启用的select标记的行数：

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

这只会显示前四个选项如何在不滚动的情况下显示第五个选项？

Answer 1

使用size属性：

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

参考文献：

<select> element。

Answer 2

您可以使用CSS指定确切的高度，但由于选择的呈现方式不同，这可能无法在所有浏览器中呈现完全相同的内容：

<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/

Answer 3

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

运作良好

Answer 4

我们也可以使用属性＆＃34; Row＆＃34;对于ASPX页面，请使用以下代码

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

HTML - 更改select标签上的最大行数

4 个答案: