2014-10-04 92 views
0

我目前有3個下拉列表,其中有不同數量的項目。是否可以保持可滾動高度是固定的?例如,如果我在一個列表中有3個項目,在另一個列表中有8個項目,當我單擊任一列表時,下拉部分保持相同的高度。目前,8個項目的下拉列表明顯大得多。保持下拉列表滾動條固定高度

<select id="picDD1" > 
     <option value="0">New Leaf Green</option> 
     <option value="1">Air Force Blue</option> 
     <option value="2">Grecian Purple</option> 
     <option value="3">Antique Gold</option> 
     <option value="4">Deep Coral Red</option> 
     <option value="5">Yellow</option> 
     <option value="6">Pink</option> 
     <option value="7">Grey</option> 
     <option value="8">White</option>   
</select> 

<select id="picDD2"> 
     <option value="0">Light Weight Aluminium</option> 
     <option value="1">High-tech carbon fiber</option> 
</select> 

<select id="picDD7"> 
     <option value="0">Basket</option> 
     <option value="1">Tail Light</option> 
     <option value="2">Bell</option> 
     <option value="3">Heavy Duty Lock</option> 
</select> 

回答

0

試試這個:

<select id="picDD1" onmouseover="this.size = 3" onmouseout="this.size = 1"> 

得到它從這裏Show just some options in in HTML drop down list

+0

感謝您的答覆,我想這通常會工作,但因爲即時通訊使用jquery下拉列表它不會工作...仍然學習對不起 – M0rty 2014-10-04 03:18:07

0

希望這將有助於您的要求。我們在html中的<select>元素中沒有任何滾動控制器。

<select id="picDD1" size=4> 
     <option value="0">New Leaf Green</option> 
     <option value="1">Air Force Blue</option> 
     <option value="2">Grecian Purple</option> 
     <option value="3">Antique Gold</option> 
     <option value="4">Deep Coral Red</option> 
     <option value="5">Yellow</option> 
     <option value="6">Pink</option> 
     <option value="7">Grey</option> 
     <option value="8">White</option>   
</select> 

<select id="picDD2" size=4> 
     <option value="0">Light Weight Aluminium</option> 
     <option value="1">High-tech carbon fiber</option> 
</select> 

<select id="picDD7" size=4> 
     <option value="0">Basket</option> 
     <option value="1">Tail Light</option> 
     <option value="2">Bell</option> 
     <option value="3">Heavy Duty Lock</option> 
</select>