8

Mi código es:

<select>
  <option value="" disabled>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

¿Cómo hago para que aparezca en el select seleccione la marca, pero que no se pueda seleccionar?

Intenté con disabled pero no aparece.

1

3 respuestas 3

11

Créditos: https://stackoverflow.com/a/22033973/4092887

Prueba con esta código cambiando tu option así:

<option selected="true" disabled="disabled">seleccione la marca</option>

Este es el resultado:

<select>
  <option selected="true" disabled="disabled">seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

3

Usa la propiedad selected ya que disabled en realidad es para deshabilitar la opción:

<select>
  <option value="" selected>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

o puedes realizar una combinación de ambas propiedades:

<select>
  <option value="" selected disabled>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>


Esta es la definición de las propiedades:

selected: Especifica que una opción debe ser preseleccionada cuando la página se carga

disabled: Especifica que se debe inhabilitar una opción

0
3

le pones al select el atributo required y al option "seleccione la marca" le quitas el atributo disabled

<select required>
  <option value="">seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>
2
  • Personalmente, ésta es la mejor solución desde un punto de vista funcional porque impedirá que se envíe el formulario si no se ha seleccionado una marca, mientras que usando disabled, se va a poder enviar el formulario con el campo deshabilitado seleccionado.
    – Alvaro Montoro
    Commented el 11 abr. 2018 a las 15:16
  • Así es mi estimado, se dispara el required si no se seleccione la marca. Gracias
    – Roy GP
    Commented el 12 abr. 2018 a las 17:56

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.