Texte du SELECT différent de celui sélectionné
Bonjour à tous !
Voilà mon soucis : j'ai un formulaire avec un champ select, qui a plusieurs options. Je voudrais quand je clique sur une option, que ça ne m'affiche non pas le texte de l'option, mais un texte en déterminé en fonction de cette valeur.
Par exemple, je voudrais faire qqch du style :
Code:
1 2 3 4 5 6
|
<select id="txt1">
<OPTION>Option 1 : description de l'option 1</OPTION>
<OPTION>Option 2 : description de l'option 2</OPTION>
<OPTION>Option 3 : description de l'option 3</OPTION>
</select> |
Seulement je voudrais que cliquer sur le i-ème m'affiche non pas "Option i : description de l'option i", mais juste "Option i".
J'ai bien essayé de mettre du javascript là-dedans, en rajoutant à mes options :
Code:
1 2
|
onclick="document.getElementById('txt1').value='Option i';" |
mais ça n'a pas été fructueux...
Quelqu'un à une idée ? C'est possible au moins ?
Merci