Cómo establecer la cantidad máxima de elementos para mostrar en un cuadro de selección HTML

Question

Tengo una caja <select> con algunos números de año en ellos, que se remontan 50 años atrás, y actualmente cuando hago clic en la casilla las opciones llegarán a la En la parte inferior de la pantalla, ¿hay alguna manera de establecer la cantidad máxima de opciones que debería mostrar un cuadro de selección antes de recurrir a una barra de desplazamiento para mostrar el resto? No pude encontrar nada sobre esto en Google, lo único que se acercó es el atributo size, que es realmente que no es lo que quiero.

Answer 1

Creo que la razón por la que no se puede hacer eso (lo siento) es que generalmente se implementan como controles nativos del sistema operativo, lo que también significa que se comportan de manera diferente en diferentes navegadores/plataformas.

Answer 2

No, eso no es posible.

Puede hacer algunas cosas difíciles de JavaScript/AJAX, pero generalmente hay una mejor solución. ;)

Answer 3

Es posible obtener un efecto similar con Javascript. ¿Esto es más cercano para ti?

<select id="mySelect" 
      onfocus="this.size=4" 
      onblur="this.size=1" 
      onmouseleave="this.size=1"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
</select> 

Sus usuarios no javascript todavía tendrán la enorme caída hacia abajo aunque, por supuesto.

Answer 4

@Aistina: su pregunta se refiere a CSS puro y HTML.
Como teknohippy y Lennart escribió, si puede \\ desea incluir JavaScript puede obtener el efecto deseado.
Usted puede construir sus propias active o cuadro de texto (example) o utilizar los controles para hacer eso (example)