Hola amigos,
Estoy intentando construir un select que tenga 3 opciones visibles y que a partir de la cuarta opción sea ya un select normal, de 1 elemento con su flechita para desplegar a la derecha, pero no encuentro la forma de hacerlo.
Lo único que he encontrado, pero no es lo que quiero, es utilizar "size", pero como digo, no me sirve.
Es decir, lo que quiero es un select entero, con 3 opciones a la vista, y la cuarta opción ya como si fuera un select normal, pero que todo forme parte del mismo select (y la flechita habitual al lado de la cuarta opción únicamente).
Algo como esto, ¿se puede hacer?:
Código HTML:
<select name="loquesea">
<option value="valor1">Texto 1</option> <!--opcion visible-->
<option value="valor2">Texto 2</option> <!--opcion visible-->
<option value="valor3">Texto 3</option> <!--opcion visible-->
<option value="valor4">Texto 4</option> <!--aquí aparecería la flechita habitual del select-->
<option value="valor5">Texto 5</option> <!--opcion visible al desplegar con la flechita-->
<option value="valor6">Texto 6</option> <!--opcion visible al desplegar con la flechita-->
<option value="valor7">Texto 7</option> <!--opcion visible al desplegar con la flechita-->
</select>
¿Es posible hacerlo? No sé si me he explicado correctamente...
Muchísimas gracias de antemano.