2013-05-02 69 views
0

您是否知道如何修改select(组合)框的长度。如何修改选择框的长度

假设我有以下组合框: http://jsfiddle.net/nxhoaf/NeVyf/

<!DOCTYPE html> 
<html> 
<body> 
<select> 
    <option value="0">0</option> 
    <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> 
    <option value="9">9</option> 
    <option value="10">10</option> 
    <option value="11">11</option> 
    <option value="12">12</option> 
    <option value="13">13</option> 
    <option value="14">14</option> 
    <option value="15">15</option> 
    <option value="16">16</option> 
    <option value="17">17</option> 
    <option value="18">18</option> 
    <option value="19">19</option> 
    <option value="20">20</option> 
</select> 
</body> 
</html> 

如何修改它的长度。即:当我点击展开按钮,该框应显示所有20个结果,而不是19(滚动应该从这里消失)

enter image description here

回答

0

有一个在HTML5 <select size="20">

+0

...哪个不做你想要的,忽略 – Meoiswa 2013-05-02 09:16:07

1

这是一个大小属性是目前不可能的,实现你想要的唯一方法是使用一个样式的选择,可以使用jQuery

+0

你能给我一个例子吗? – nxhoaf 2013-05-02 09:29:25

+0

我以前用过这个:https://code.google.com/p/lnet/wiki/jQueryStyledSelectOverview – Pete 2013-05-02 09:32:54

+0

@nxhoaf http://jsfiddle.net/NeVyf/5/ – Pete 2013-05-02 10:01:42