下拉框显示的高度

时间:2011-04-08 21:31:18

标签: javascript jquery html

  

可能重复:
  adjust the height of the list in dropdown box

如何在下拉框中调整列表的高度,因为我在下拉框中加载了太多的值。例如,它只显示10个条目,并使用滚动条查看剩余条目。有谁知道这是怎么做到的吗?你可能会更清楚地看到我的附图。


dipaly only 5 options  这就是我要的。它只显示5个条目,并使用滚动条查看剩余的条目。

1 个答案:

答案 0 :(得分:1)

如果您使用的是HTML,则实际上无法控制下拉框的大小。有一些方法可以使用div和滚动条来伪造它,但这是不同的

这并不容易,并且需要几个嵌套的CSS样式和一些Javascript,但HTML在下面。它基本上像SharePoint样式下拉框一样运行,有一些过度效果,点击打开滚动选项。

enter image description here

<table cellspacing="0" cellpadding="0" class="spsItems">
    <tbody>
        <tr contextmenuid="options-aaa" class="people_display">
            <td class="spsContext">Current Option</td>
        </tr> 
        <tr contextmenuid="options-bbb" class="people_display">
            <td class="spsContext">Current Option</td>
        </tr> 
        <tr contextmenuid="options-bbb" class="people_display">
            <td class="spsContext">Current Option</td>
        </tr>                               
    </tbody>
</table>

<div id="options-aaa" class="spsContextMenu" >
    <ul> 
        <li>Option Value</li> 
        <li>Option Value</li> 
            .....
        <li>Option Value</li> 
        <li>Option Value</li>       
    </ul>
</div>