Primes option de un <select>

Hola a todos, tengo un problema, recuerdo haberlo leído en algún sitio pero no doy con el ahora , tengo un <select> con sus respectivos <options> y me gustaria que el primer option no saliera en el desplegable, ejemplo, el primer option en "Coleccion" y los siguientes son las respectivas colecciones, pero quiero que al desplegarlo el option colecciones no salga y en su lugar salga ya la primera de las colecciones, espero que se entienda la pregunta, desde ya muchisimas gracias!!!!

Pues no, no se entiende. Si quieres que un option de un select no se muestre pues simplemente no lo pongas en el select y ya está.

A ver si asi se entiende mejor:

<select>
<option>Cantidad</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

Lo que me gustaria seria que al desplegar la lista el option "Cantidad" no salga en el desplegable sino que solamente funcione como titulo del select, gracias anticipadas

Si "Cantidad" no es una de las opciones sino el identificador de un grupo de opciones, entonces debes usar "optgroup". Quedaría así:

Código HTML :

<select>
   <optgroup label="Cantidad">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
   </optgroup>
</select>

The Fricky! escribió:

Hola, gracias por tu respuesta, el efecto que busco es el contrario al que me da esta opción, a mi me gustaría que el select cuando aparezca ponga cantidad, pero cuando clickee sobre el solo me de las opciones de los números y que cantidad no aparezca, no se si se puede hacer pero desde ya agradezco vuestras respuestas

¡hoygan! ¡yo también necesito lo mismo!

vale, voy a explicar esto mejor que lo he visto en otros lados y me intriga mucho. El ejemplo sería mas o menos así:

Código HTML :

<select> 
      <option value="no_value">Selecciona una ciudad</option> 
      <option value="1">Bogotá</option> 
      <option value="2">Manizales</option> 
      <option value="3">Leticia</option> 
   </optgroup> 
</select>

Si uno no selecciona ciudad, el servidor lo va a recibir el valor "no_value" y le pedirá que seleccione algo. Pero he visto que en algunas listas este primer valor tiene un estilo diferente, algo similar a lo que ocurre con un <optgroup>. Sin embargo, a mi me pasó que con optgroup no se pone de primero sino que el label queda justo arriba del primero.

He pensado que la solución puede ir con estilos en javascript, podrá ser?

Buenas, me he buscado los castañas quetando el select y creando un menu desplegable que hara algo similar, lo que sigue interesandome este tema para futuras acciones, si a alguien se le ocurre seria de gran ayuda.