<SELECT multiple> - comment permettre qu'un seul élément soit sélectionné ?

Question

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

Existe-t-il un moyen de le faire ? (Je ne veux pas supprimer "multiple").

Answer 1

Il suffit de ne pas en faire un multiple de sélection, mais de lui donner une taille, par exemple :

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

Answer 2

Si l'utilisateur ne doit sélectionner qu'une seule option à la fois, il suffit de supprimer le "multiple" et d'effectuer 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

Answer 3

Pourquoi ne voulez-vous pas retirer le multiple ? L'objectif de cet attribut est de spécifier au navigateur que plusieurs valeurs peuvent être sélectionnées à partir de l'attribut select élément. Si une seule valeur doit être sélectionnée, supprimez l'attribut et le navigateur saura qu'il n'autorise qu'une seule sélection.

Utilisez les outils que vous avez, ils sont là pour ça.

Answer 4

Je viens ici après avoir fait des recherches sur Google et changé les choses à ma fin.

Donc je change juste cet échantillon et il fonctionnera avec jquery au moment de l'exécution.

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

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

Answer 5

J'ai eu des problèmes avec la sélection multiple. Voici ce qui a fonctionné pour moi

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