2014-10-04 97 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>