javascript在下拉列表中显示垂直滚动条

Question

我有一个下拉列表，其中包含很少的选项。当用户单击下拉列表时，它必须显示前四个项目和一个垂直滚动条。当用户滚动列表中的剩余项目时 看到了。

请找到样本小提琴。http://jsfiddle.net/db8Lp/105/

请建议如何使用javascript / css查看垂直滚动条以查看列表中的剩余项目。因为我是新手任何建议都会非常有帮助。 我尝试在size="4"中使用<select>，但在页面加载时显示带滚动条的列表，但我的要求是在用户点击下拉列表时显示带滚动条的列表。请指教。

Answer 1

这很容易解决，你只能使用html和css。

这是demo。

在你的html中，你应该添加......

<select size="4">

在你的CSS中，你应该添加......

select {
    overflow-y: scroll;
}