133 votos

<SELECT multiple> - Cómo permitir sólo un elemento seleccionado?

La solución es eliminar multiple de atributo y utilizar size atributo, por ejemplo. <select size="3">

Tengo un <SELECT multiple> campo con múltiples opciones y quiero permitir que tenga una sola opción seleccionada, al mismo tiempo, pero el usuario puede mantener pulsada la tecla CTRL y seleccione más elementos a la vez.

¿Hay alguna manera de cómo hacerlo? (No quiero quitar "múltiple"). Gracias

280voto

Marcos Placona Puntos 8351

Eso sí, no lo convierten en un selecto múltiple, pero establecer un tamaño a la misma, tales como:

   <select name="user" id="userID" size="3">
    <option>John</option>
    <option>Paul</option>
    <option>Ringo</option>
    <option>George</option>
  </select>
 

Ejemplo de trabajo: http://jsbin.com/ceyicuti

24voto

MacGucky Puntos 1841

Si el usuario debe seleccionar sólo una opción a la vez, simplemente elimine la "múltiple" - hacer un selecto normales:

   <select name="mySelect" size="3">
     <option>Foo</option>
     <option>Bar</option>
     <option>Foo Bar</option>
     <option>Bar Foo</option>
  </select>
 

Violín

9voto

David Puntos 65209

¿Por qué no se desea eliminar el multiple atributo? El propósito entero de ese atributo es especificar al navegador que varios valores se pueden seleccionar de lo dado select elemento. Si sólo hay un valor debe ser seleccionado, quite el atributo y el navegador sabrá para permitir sólo una sola selección.

Utilice las herramientas que tienes, eso es lo que están.

1voto

Cogicero Puntos 711

Usted quiere sólo una opción por defecto, pero el usuario puede seleccionar varias opciones presionando la tecla CTRL. Esto es (ya) exactamente cómo el múltiple SELECT está destinado a comportarse.

Ver este: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

¿Puedes por favor aclarar su pregunta?

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X