2013-04-02 36 views
17

所以,我怎么能够改变多少行启用了多一个选择的标签应表明:HTML - 在选择标签的多个更改最大行数

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

这将只显示前四个选项我该怎么让第五无需滚动?

回答

5

您可以使用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/

+0

这就是智能thx –

63

使用size属性:

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

参考文献:

+3

是的,但如果我想少于四个,它不工作? –

+0

鉴于您明确声明您希望显示五行,我不确定我是否理解您的问题? –

+0

是的,但如果我想显示2? –

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

它运作良好

-1

我们还可以使用属性 “” 为ASPX PA使用下面的代码

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