2013-05-02 74 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