<SELECT multiple> - comment autoriser un seul élément sélectionné?

J'ai un <SELECT multiple>champ avec plusieurs options et je veux lui permettre d'avoir une seule option sélectionnée en même temps, mais l'utilisateur peut maintenir la touche CTRL et sélectionner plus d'éléments à la fois.

Y a-t-il un moyen de le faire? (Je ne veux pas supprimer «multiple»).

N'en faites pas un multiple de sélection, mais définissez-lui une taille, telle que:

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

Exemple de travail: https://jsfiddle.net/q2vo8nge/

Si l'utilisateur ne doit sélectionner qu'une seule option à la fois, supprimez simplement le "multiple" - faites une sélection normale:

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

Violon

Pourquoi ne souhaitez-vous pas supprimer l' multipleattribut? Le but entier de cet attribut est de spécifier au navigateur que plusieurs valeurs peuvent être sélectionnées à partir duselect élément . Si une seule valeur doit être sélectionnée, supprimez l'attribut et le navigateur saura n'autoriser qu'une seule sélection.

Utilisez les outils dont vous disposez, c'est à cela qu'ils servent.

Vous ne voulez qu'une seule option par défaut, mais l'utilisateur peut sélectionner plusieurs options en appuyant sur la touche CTRL. C'est (déjà) exactement comment le multiple SELECT est censé se comporter.

Regarde ça: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

Pouvez-vous clarifier votre question?

Je viens ici après avoir cherché sur google et changé quelque chose de mon côté.

Je viens donc de changer cet exemple et il fonctionnera avec jquery au moment de l'exécution.

$('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>

Cette solution simple permet d'obtenir visuellement une liste d'options, mais de ne pouvoir en sélectionner qu'une.

J'ai eu quelques relations avec le select \ multi-select c'est ce qui a fait l'affaire pour moi

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

En retard pour répondre mais peut aider quelqu'un d'autre, voici comment le faire sans supprimer l'attribut «multiple».

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