Javascript, liste deroulante et champs texte
Bonsoir,
je cherche partout sans succès un code Javascript qui permet de d'afficher automatiquement une certaine valeur dans un champs texte en fonction de l'option que l'on choisi dans une liste déroulante. Quelqu'un pourrait t'il m'aider?. Merci.
je cherche partout sans succès un code Javascript qui permet de d'afficher automatiquement une certaine valeur dans un champs texte en fonction de l'option que l'on choisi dans une liste déroulante. Quelqu'un pourrait t'il m'aider?. Merci.
1 réponse
-
ContributeurSalut Zigzig,
Regarde ça et adapte ce code à tes besoins.
Fichier index.html :<html> <head> <title>CCM Example</title> <script type="text/javascript" src="javascript.js"></script> </head> <body> <select name="select" id="select" onChange="showSelection();"> <option value="opt1">Option1</option> <option value="opt2">Option2</option> </select> <input type="text" name="entry" id="txt"/> </body> </html>
Fichier javascript.js :function showSelection() { var menu = document.getElementById('select'); var msg; switch(menu.options[menu.selectedIndex].value) { case 'opt1' : msg = 'first message'; break; case 'opt2' : msg = 'second message'; break; default: msg = 'invalid selection'; } setText(msg); } function setText(msg) { var txt = document.getElementById('txt'); txt.value = msg; }
Bien cordialement,
