Discussion :

[gabrielS]

Bonjour à tous,

J'aimerai utiliser un composant "de type select" mais dans lequel le champ sélectionné dans le Select ne correspond pas au texte d'une des Options du Select..
Je m'explique,
Dans l'exemple suivant,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
   <select>
      <option value="S">Standard ( a small description )</option>
      <option value="A" selected="selected">Available (what does Available mean ?)</option>
   </select>

, il m'est impossible d'afficher seulement 'Standard' ou 'Available' dans le champs du Select.

J'ai vu qu'il existait un autre composant (de type plus 'combobox'), la DataList, mais je n'arrive pas à :
1. Empêcher l'entrée de texte libre
2. Une fois une entrée tappée, pouvoir réouvrir à nouveau tous les choix lors d'un nouveau clic dans l'input qui gère la DataList.

Un fiddle qui explique la différence Datalist et Select... En gros, j'aimerai avoir le comportement d'un Select, mais avec la liberté de code d'une DataList.. Si qqun a une idée Merci

[mathieu]

en utilisant du JavaScript, cela peut se faire comme ça :
http://codepen.io/anon/pen/WwqBMg?editors=1010