javascript - 将选择的下拉列表放在选择框的顶部

Question

将选择框的下拉列表定位在选择框顶部而不是默认情况下仅在其下方/上方弹出的最简单/最佳方法是什么？

这是我想要的图片：

选择中的选项数量会从 10 到 1000 多个不等，因此仍然需要滚动的能力。

首选纯 CSS3，但也非常感谢任何其他方法（js、jquery 等）。

Answer 1

您需要使用插件或编写自己的“选择框”——如果您使用的是真正的 HTML <select>，则没有跨浏览器的方法可以做到这一点。