<SELECCIONAR múltiple>: ¿cómo permitir solo un elemento seleccionado?

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

¿Hay alguna forma de hacerlo? (No quiero eliminar 'múltiples').

Simplemente no lo convierta en un múltiplo seleccionado, sino que establezca un tamaño, como:

  <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/

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

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

Violín

¿Por qué no quieres eliminar el multipleatributo? El propósito completo de ese atributo es especificar al navegador que se pueden seleccionar múltiples valores del selectelemento dado . Si solo se debe seleccionar un único valor, elimine el atributo y el navegador sabrá que solo permite una única selección.

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

Solo desea una opción por defecto, pero el usuario puede seleccionar varias opciones presionando la tecla CTRL. Así es (ya) exactamente cómo debe comportarse el múltiplo SELECT.

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

¿Puedes por favor aclarar tu pregunta?

Vengo aquí después de buscar en google y cambiar algo al final.

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/

<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 poder seleccionar solo una.

Tuve algunos tratos con select \ multi-select, esto es lo que me sirvió.

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

Tarde para responder pero podría ayudar a alguien más, aquí es cómo hacerlo sin eliminar el atributo 'múltiple'.

$('.myDropdown').chosen({
    //Here you can change the value of the maximum allowed options
    max_selected_options: 1
});