Liste déroulante liée à champs texte en js

Fermé
moimeme - 24 mai 2011 à 16:45
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 - 25 mai 2011 à 09:00
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


<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

Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
24 mai 2011 à 17:04
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 ??
0
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.... :)
0
héééé un ptit up :)
0
tjrs personne???
0
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
25 mai 2011 à 09:00
Bhé tu fais la même chose que tu as faites pour le premier champs texte... en changeant le getElementbyId
0