最近做米扑科技的创业项目，需要用到select下拉框显示选项列表，

需求是：下拉框只显示6-8个选项栏目，超出的部分用滚动条

因为select默认是写几个option选项，就显示几个，而且不能设置option显示的个数！

如果下拉选项有100个、1000个栏目，那么将全部显示出来，尴尬了。。。

本文介绍如何设置select下拉框，限制 option 选项个数

直接上代码：

    <div style="width: 400px; margin: 60px auto;">
        <span class="categery">米扑产品家族：</span>
        <select id="mimvp_select" style="position: absolute; z-index: 1; font-size: 16px; width: 150px; line-height: 36px; padding-left: 5px;" 
        onmousedown="if(this.options.length > 7){this.size=8}" onblur="this.size=0" onchange="selectChange()">
            <option value="http://mimvp.com">米扑科技</option>
            <option value="http://forum.mimvp.com">米扑论坛</option>
            <option value="https://blog.mimvp.com">米扑博客</option>
            <option value="http://domain.mimvp.com">米扑域名</option>
            <option value="http://pay.mimvp.com">米扑支付</option>
            <option value="http://proxy.mimvp.com">米扑代理</option>
            <option value="http://action.mimvp.com">米扑活动</option>
            <option value="http://money.mimvp.com">米扑财富</option>
            <option value="http://learn.mimvp.com">米扑学堂</option>
            <option value="http://quant.mimvp.com">米扑量化</option>
            <option value="http://demo.mimvp.com">米扑示例</option>
        </select>

        <p id="p_text" style="margin-top: 30px; font-size: 16px; line-height: 30px;">请选择米扑产品...</p>
    </div>

下拉效果图：

完整代码和示例，请参见米扑示例：

http://demo.mimvp.com/demo_select_option.php