打开选择下拉到中间值

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

注册表单上DOB元素的特殊用途。 我们的大多数客户都在40多岁到60年代初期,但我们的下拉选择范围从1910年到2010年。理想情况下,当他们点击下拉列表时,如果可以打开以显示20世纪60年代的范围,那将是很好的。 从而减少了他们需要做的滚动量。

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

如果是这种情况,则之前已尝试过此操作 – 请参阅: 选择列表滚动到特定选项元素

从以前使用本机HTML选择的讨论中我没有看到可靠的跨浏览器解决方案。

你总是可以使用dojo / dijit filteringselect这样的小部件提供更多的function和控制(比如自动完成,combobox行为等) – 这些小部件通常使用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小部件,那么走这条路可能是有意义的

为文件准备好的jquery

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