打开选择下拉到中间值

时间:2012-03-05 14:39:16

标签: jquery css select drop-down-menu

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

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

2 个答案:

答案 0 :(得分:0)

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

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

我从未见过可靠的跨浏览器解决方案,但之前的讨论使用的是原生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插件可以执行这个select-augmentation

当然,所有这些都需要花费你网页上更多代码的费用。

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

答案 1 :(得分:-1)

用于文档准备中的jquery

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