Question

我目前有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>

Answer 1

试试这个：

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

从这里得到Show just some options in in HTML drop down list

Answer 2

希望这有助于满足您的要求。我们在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>

保持下拉列表滚动条固定高度

2 个答案: