Ir al contenido

Predeterminar valor en un combo

Cuando estamos poniendo un combo en nuestra página web nos ayudaremos de las etiquetas SELECT y OPTION. La primera se encarga de definir el propio combo, mientras que la segunda se repetirá por cada una de las opciones que queramos añadir. Así, podríamos tener el siguiente combo:

<select name="ciudades">
<option>Madrid</option>
<option>New York</option>
<option>Londres</option>
<option>Paris</option>
<option>Estocolmo</option>
<option>Pekin</option>
<option>Moscu</option>
</select>

En la página web veríamos el siguiente efecto: Si queremos que salga marcada una opción por defecto, deberemos de utilizar el atributo SELECTED sobre la etiqueta OPTION que contenga el valor por defecto. Así, si queremos que salga Paris como opción por defecto, deberemos de tener el siguiente código:

<select name="ciudades">
<option>Madrid</option>
<option>New York</option>
<option>Londres</option>
<option selected="selected">Paris</option>
<option>Estocolmo</option>
<option>Pekin</option>
<option>Moscu</option>
</select>

Y se nos producirá el siguiente efecto:

Foto de Víctor Cuervo

Víctor Cuervo

Programador, Arquitecto IT, álter ego de Línea de Código, amante de las tecnologías, generador de conocimiento y facilitador del aprendizaje.

Descarga el código de Predeterminar valor en un combo

Cómo construir un formulario en HTML en el que puedas predeterminar valor en un combo.

Descargar código