Linea de Codigo

Cuando estamos poniendo un combo en nuestr apá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 contega 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>Paris</OPTION>
  <OPTION>Estocolmo</OPTION>
  <OPTION>Pekin</OPTION>
  <OPTION>Moscu</OPTION>
</SELECT>

Y se nos producirá el siguiente efecto:

Visualizar el ejemplo | Descargar el código