feed twitter facebook LinkedIn facebook

HTML » Combo que soporte multiples selecciones en HTML

agosto 9, 2009 por Víctor Cuervo 2 Comentarios Imprimir Imprimir

Por defecto, cuando montamos un menú de selección en HTML vemos que podemos escoger una sola de las opciones. Veamos el código normal a la hora de construir un combo SELECT de opciones:

  1. <select id="favoritos" name="favoritos" size=6>
  2. <option value="deportes">Deportes</option>
  3. <option value="cine">Cine</option>
  4. <option value="teatro">Teatro</option>
  5. <option value="fotografía">Fotografía</option>
  6. <option value="lectura">Lectura</option>
  7. <option value="viajes">Viajes</option>
  8. <option value="pintura">Pintura</option>
  9. <option value="música">Música</option>
  10. <option value="otros">Otros</option>
  11. </select>

Si queremos que el usuario pueda marcar diferentes de las opciones tendremos que hacer uso del atributo multiple dentro del SELECT. Si asignamos el valor:

  1. multiple="multiple"

Habilitaremos la selección múltiple. Veamos como quedaría el nuevo código:

  1. <select id="favoritos" name="favoritos" multiple="multiple" size=6>
  2. <option value="deportes">Deportes</option>
  3. <option value="cine">Cine</option>
  4. <option value="teatro">Teatro</option>
  5. <option value="fotografía">Fotografía</option>
  6. <option value="lectura">Lectura</option>
  7. <option value="viajes">Viajes</option>
  8. <option value="pintura">Pintura</option>
  9. <option value="música">Música</option>
  10. <option value="otros">Otros</option>
  11. </select>
Visualizar el Codigo
Visualiza el artículo
Descargar el Codigo
Descargar el código
Error en el Codigo
Error en el código
Foro sobre HTML
Foro sobre HTML
tags: , ,

Artículos relacionados:

2 comentarios »

RSS feed para los comentarios de esta entrada. TrackBack URI

  1. GabrielFlowers
    agosto 29, 2009 #

    y como se reciben las multiples opciones seleccionadas de tu combo????

  2. lineadecodigo
    septiembre 3, 2009 #

    @GabrielFlowers,

    Pues tienes varias alterntivas. Echale un ojo a Enviar un array a una JSP o Contar Checkbox Activos con JavaScript.

    En el primero te enseña a mandar toda la información seleccionada como si fuese un array y el segundo te comprime la información en un número binario. Con lo cual solo envías un dato al servidor. Algo mucho más sencillo.

    Espero que te sean de ayuda.

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*