最近做一個專案，需要用到select下拉框顯示欄目列表，需求是下拉框只顯示5-6個欄目，超出的部分用滾動條(因為select我感覺很奇怪，寫幾個option它就顯示幾條，而且，最坑的是，不能設定option顯示的個數！如果，我100,1000個欄目呢？那就尷尬了)。在網上一直沒有找到答案，在同事的幫助下，自己花費一天的時間，終於解決了這個問題，特此分享一下。 
先看效果，後上程式碼！

看見上面的效果，感覺還可以。程式碼如下：

<div class="article-start-box">
    <span class="categery">分類欄目</span>
        <select style="position: absolute;z-index: 1;margin-left: 40px;"
 
  class="choose"
        onmousedown="if(this.options.length>6){this.size=7}" onblur="this.size=0" onchange="this.size=0">
            <option value="volvo">文學集</option>
            <option value="saab">哲學</option>
            <option value="opel">雅思</option>
            <option
 
 value="audi">大學網奧數大學網奧數</option>
            <option value="volvo">文學集</option>
            <option value="saab">哲學</option>
            <option value="opel">雅思</option>
            <option value="audi">大學網奧數</option>
        </select>
    </div>
 

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

上面寫的樣式可能讀者拿去使用，還要根據需求修改。