прокручиваемый выпадающий список

Question

Я пытаюсь понять это. Вот пример кода

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>

Как вы делаете эту прокрутку? Скажем, вы хотите, чтобы он показывал только 3 варианта, прокручивая до последнего и все еще выпадающее меню. Многие предлагают использовать attr "size", который идет с <select>. Это даст эффект прокрутки, но не то, что я имею в виду.

Так это вообще возможно? Я изучал форум, и многие предлагали использовать тег <div> со стилем overflow auto. Но мне просто интересно, можно ли создать выпадающее меню с прокруткой.

Заранее спасибо.

Answer 1

Попробуйте это .. Здесь выпадающий список становится списком, когда он выбран, и возвращается к своему предыдущему состоянию, когда либо выбран какой-либо параметр, либо фокус удален из него.

JSFiddle

    <select name="select1" onmousedown="if(this.options.length>8){this.size=10;}" onchange='this.size=0;' onblur="this.size=0;">
...
...
</select>

Answer 2

по умолчанию становится прокручиваемым, если длина превышает лимит. я не знаю, относится ли это к конкретному браузеру, но в хромированной 11 / Ubuntu выпадающие списки становятся прокручиваемыми с 21-й записью.