打开选择下拉菜单到中间值答案

【问题标题】：Open select dropdown to middle values打开选择下拉菜单到中间值
【发布时间】：2012-03-23 00:46:19
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

您始终可以使用诸如 dojo/dijit 过滤选择等提供更多功能和控制（例如自动完成、组合框行为等）的小部件 - 这些小部件通常使用 div、ul 和 li 来创建下拉菜单，因此通过javascript做定位和滚动

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

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

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

【讨论】：

【解决方案2】：

为 jquery 准备好文档

$("#selectid").val(1960);

【讨论】：