2012-03-05 69 views
1

我想知道是否有人知道任何CSS或JS或JQuery的魔術,將允許下拉打開顯示中間範圍的選項。我知道「selected」值,它控制加載select時顯示哪個值。我正在尋找的是一種方法,然後使用另一個值作爲僞選擇,這樣一個巨大的下拉選項會彈出,它默認是在列表中間。打開選擇下拉到中間值

註冊表單上DOB元素的特殊用法。我們的大部分客戶都在四十到六十年代初期,但我們的下拉選擇範圍從1910年到2010年。理想情況下,他們點擊下拉菜單時,如果它可以在20世紀60年代左右顯示一個範圍,那將是非常好的。從而減少他們需要做的滾動量。

+0

爲什麼要使用一個選擇 - 下拉所有,然後呢?爲什麼不讓他們輸入一個數字並在提交之前(和之後)進行驗證? – Blazemonger 2012-03-05 14:43:20

回答

-1

jQuery的文件準備

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

具體沒有問什麼 – pelms 2017-11-16 11:34:46

0

看來,要滾動到下拉列表的中間,而不必選擇從該範圍內的值。

如果是這樣的話,在此之前已經嘗試 - 見: Select list scroll to a specific option element

我還沒有從使用本地HTML選擇前面的討論看到一個可靠的跨瀏覽器解決方案雖然。

您可以隨時使用的小部件,如道場/ dijit的FilteringSelect來,提供更多的功能和控制(如自動完成,組合框的行爲等) - 這些小部件通常採用DIV,UL和李來,因此創建下拉爲您提供更多的控制權通過JavaScript做定位和滾動

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

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

有幾個jQuery插件太那個做這個選擇,增強

當然,這一切都在你的網頁更多的代碼成本..

如果你正在使用JS部件在界面的其他地方,它可能是有意義走這條路線