maksymalna wysokość dla rozwijanego elementu wyboru (elementy opcjonalne)

Question

Jak ograniczyć wysokość listy rozwijanej wybranego elementu - tak, aby całkowita liczba opcji była większa niż ta wysokość - powinien zostać wyświetlony zjazd w menu rozwijanym . Byłbym zadowolony, gdybym mógł to zrobić pod względem pikseli lub liczby elementów.

więc powiedzieć, miałem następujące znaczniki HTML:

<select> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
</select> 

Jak mogę wyświetlać powiedzieć tylko pierwsze 4 opcje i resztę w obrębie zwoju.

This jest to, co mam do tej pory, i to nie działa.

Answer 1

Wyszukiwanie na StackOverflow, natknąłem się na this. Niestety, jeśli chcesz zachować to pole rozwijane, nie możesz osiągnąć tego, co chcesz w CSS. JavaScript lub jQuery zrobi lewy, jak powiedział w linku, lub możesz użyć atrybutu size na swoim tagu select, ale będzie to podział wygląd skrzynki.

Answer 2

znalazłem odpowiedź w CSS + HTML, można to zrobić w ten sposób:

<select> 
    <optgroup style="max-height: 65px;" label=""> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    </optgroup> 
</select>