高度下拉框中顯示的

Question

可能重複：
adjust the height of the list in dropdown box

喜

我如何可以調整名單的高度，在下拉菜單中，因爲我有太多的價值加載到下拉框中。例如，它只顯示10個條目，並用滾動條查看剩餘條目。有誰知道這是怎麼做到的嗎？你可能會更清楚地看到我的照片。

---

這就是我想要的。它只顯示5個條目，並用滾動條查看剩餘條目。

Answer 1

如果您使用HTML，則無法真正控制下拉框的大小。有一些方法可以使用div和滾動條來僞造它，但這是不同的

這並不容易，並且需要幾個嵌套的CSS樣式和一些Javascript，但HTML在下面。它基本上像SharePoint風格的下拉框一樣運作，有一些超過效果，點擊打開滾動選項。

<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>