jquery - 打开选择下拉菜单到中间值

Question

我想知道是否有人知道任何 CSS 或 JS 或 JQuery 魔术可以让下拉菜单打开显示中间范围的选项。我知道“选定”值，它控制加载选择时显示的值。我正在寻找的是一种方法，然后使用另一个值作为伪选择，以便弹出一个巨大的选项下拉列表，它默认位于列表的中间位置。

注册表单上 DOB 元素的特殊用途。我们的大多数客户都在 40 多岁到 60 多岁之间，但我们的下拉选项范围从 1910 年到 2010 年。理想情况下，当他们单击下拉菜单时，如果它可以打开以显示 1960 年代左右的范围，那就太好了。从而减少他们需要做的滚动量。

Answer 1

您似乎想滚动到下拉列表的中间，而不必从该范围中选择一个值。

如果是这种情况，之前已经尝试过 - 请参阅: Select list scroll to a specific option element

尽管从之前使用 native HTML 选择的讨论中，我还没有看到可靠的跨浏览器解决方案。

您始终可以使用提供更多功能和控制(例如自动完成、组合框行为等)的 dojo/dijit filteringselect 等小部件 - 这些小部件通常使用 div、ul 和 li 来创建下拉列表，从而为您提供更多控制javascript做定位和滚动

http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/_autoComplete.html?testWidget=dijit.form.FilteringSelect

http://livedocs.dojotoolkit.org/dijit/form/FilteringSelect

也有几个 jquery 插件可以做这个选择增强

当然，所有这些都是以页面中的更多代码为代价的。

如果您在 UI 的其他地方使用 JS 小部件，走这条路可能有意义