Выбрать тег ввода - сделать среднюю дату выбранной при клике

Question

В настоящее время у меня есть стандартный выбор ввода для лет. В настоящее время при нажатии на нее отображается длинный список лет с 1900 по 2000 годы, требующий прокрутки вниз.

Есть ли способ сделать так, чтобы он появлялся в середине при нажатии, чтобы вы могли прокручивать вверх или вниз?

Надеюсь, в этом есть какой-то смысл!

Answer 1

использовать selected атрибут

 <select name="years">
    <option>1900</option>
    <option>1901</option>
    <option>1902</option>
    <option>1903</option>
    <option>1904</option>
    <option selected="selected">1905</option>
    <option>1906</option>
    <option>1907</option>
    <option>1908</option>
    <option>1909</option>
    <option>1910</option>
    </select>

пример: http://jsfiddle.net/tnU4K/

Answer 2

Для выпадающего элемента <select>? Не стандартизированным, кросс-браузерным способом. Некоторые браузеры могут (не проверено) позволяют вам манипулировать свойством scrollTop элемента select, пока список виден, но я бы на это не рассчитывал. Единственный способ начать с середины - выбрать средний год по умолчанию.

Лично я бы не стал беспокоиться. Большинство пользователей знают, что они могут печатать во время фокусировки на элементе <select> в любом случае & mdash; Я редко использую мышь, чтобы выбрать опцию в раскрывающемся списке <select>.

Answer 3

Вы всегда можете сойти с ума и сделать что-то подобное, используя jquery:

//get number of options
var optCount = $('#example option').length;
//divide by 2 and round up for odd numbers
var midPoint = Math.round(optCount/2);
//select that index item
$("#example option:eq(midPoint)").attr("selected", "selected");

Я не проверял, но это должно работать.

Answer 4

Сделайте значение где-то около середины (возможно, 1950) выбранным по умолчанию.Когда кто-то щелкает, выберите выбранное значение, чтобы можно было прокрутить вверх или вниз.