html - seleccionada - <SELECCIONAR MÚLTIPLE>-¿Cómo se permite seleccionar solo un elemento?

select multiple html ejemplo

Question

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

¿Hay alguna forma de cómo hacerlo? (No quiero eliminar ''múltiple'').

Answer 1

¿Por qué no quieres eliminar el atributo multiple ? El propósito total de ese atributo es especificar al navegador que se pueden seleccionar valores múltiples a partir del elemento de select dado. Si solo se debe seleccionar un único valor, elimine el atributo y el navegador sabrá permitir solo una selección.

Usa las herramientas que tienes, para eso están.

Answer 2

Si el usuario debe seleccionar solo una opción a la vez, simplemente elimine el "múltiple" - realice una selección normal:

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

Fiddle

Answer 3

Simplemente no lo convierta en un múltiple seleccionado, sino que establezca un tamaño para él, como por ejemplo:

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

Ejemplo de trabajo: https://jsfiddle.net/q2vo8nge/

Answer 4

Solo desea una opción por defecto, pero el usuario puede seleccionar múltiples opciones presionando la tecla CTRL. Esto es (ya) exactamente cómo se supone que el múltiplo SELECT se comporte.

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

¿Puedes aclarar tu pregunta?

Answer 5

Tuve algunos tratos con el select / multi-select. Esto es lo que hizo el truco para mí

<select name="mySelect" multiple="multiple"> <option>Foo</option> <option>Bar</option> <option>Foo Bar</option> <option>Bar Foo</option> </select>

Answer 6

Vengo aquí después de buscar en google y cambiar la cosa en my-end.

Así que solo cambio esta muestra y funcionará con jquery en tiempo de ejecución.

$(''select[name*="homepage_select"]'').removeAttr(''multiple'')

http://jsfiddle.net/ajayendra2707/ejkxgy1p/5/

Answer 7

<select name="flowers" size="5" style="height:200px">
 <option value="1">Rose</option>
 <option value="2">Tulip</option>
</select>

Esta solución simple permite obtener visualmente una lista de opciones, pero para poder seleccionar solo una.