Combo que soporte múltiples selecciones en HTML

09/ago/2009 HTML , , 2 Comentarios
html

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 múltiple 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>

Vídeos sobre HTML

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

2 comentarios en “Combo que soporte múltiples selecciones en HTML”

Víctor Cuervo

lineadecodigo

@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.

Víctor Cuervo

GabrielFlowers

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

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*