在select中设置option的个数，从而设置滚动的距离

最新推荐文章于 2024-05-24 11:22:00 发布

原创最新推荐文章于 2024-05-24 11:22:00 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#select #有限滚动

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript控制下拉菜单显示条数的方法，通过onmousedown事件在鼠标按下时显示更多选项，而在鼠标离开或选择后隐藏多余部分，保持界面整洁。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下所示：

<!--设置固定的条数-->
        <select class="my_selected" data-edit-select="1"  onmousedown="if(this.options.length>3){this.size=10}" onblur="this.size=0" onchange="this.size=0"  style="position:absolute;z-index:1;">
            <option value="">1</option>
            <option value="">2</option>
            <option value="">3</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
            <option value="">4</option>
        </select>