Liste déroulante liée à champs texte en js
moimeme
-
Melooo Messages postés 1476 Statut Membre -
Melooo Messages postés 1476 Statut Membre -
Bonjour à tous.
J'ai un petit travail à effectuer et je ne m'en sort pas (je ne suis pas informaticien).
Alors voila, j'ai besoin d'avoir une liste déroulante associée à des champs textes.
Lorsque je sélectionne un choix dans la liste, j'aimerai qu'il y ai les valeurs associées qui apparaissent dans les champs textes.
J'ai trouvé un script qui associe une liste à une autre liste. J'ai réussi à transformer cette seconde liste en un champs texte.
Mais je n'arrive pas a remplir ces 3 champs..
Je vous montre le code en question:
index.html
javascript.js
Merci de me donner un coup de main svp... :)
J'ai un petit travail à effectuer et je ne m'en sort pas (je ne suis pas informaticien).
Alors voila, j'ai besoin d'avoir une liste déroulante associée à des champs textes.
Lorsque je sélectionne un choix dans la liste, j'aimerai qu'il y ai les valeurs associées qui apparaissent dans les champs textes.
J'ai trouvé un script qui associe une liste à une autre liste. J'ai réussi à transformer cette seconde liste en un champs texte.
Mais je n'arrive pas a remplir ces 3 champs..
Je vous montre le code en question:
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"></option> <option value="opt2">papier</option> <option value="opt3">carton</option> <option value="opt4">recyclé</option> </select> <input type="text" name="entry" id="txt"/> <input type="text" name="entry" id="txt1"/> <input type="text" name="entry" id="txt2"/> </body> </html>
javascript.js
function showSelection() {
var menu = document.getElementById('select');
var msg;
switch(menu.options[menu.selectedIndex].value) {
case 'opt1' : msg = ''; break;
case 'opt2' : msg = '3.5'; break;
case 'opt3' : msg = '2'; break;
case 'opt4' : msg = '1'; break;
default: msg = 'invalid selection';
}
setText(msg);
}
function setText(msg) {
var txt = document.getElementById('txt');
txt.value = msg;
}
Merci de me donner un coup de main svp... :)
4 réponses
-
Salut,
Tu souhaites afficher la même valeur dans tes 3 champs textes ?
Donc je choisi papier, il doit m'afficher dans les 3 champs textes 3.5 ?? -
Merci d'avoir répondu...
Si je choisi papier, je veux que les 3 nombres apparaissent.
Mais si je choisi carton, ce sont 3 autres nombres qui doivent apparaitre...
carton: 3.5 2 1
papier: 5 3 4
recyclé: 6 4 2
voila ce que ça doit donner au final.... :) -
-