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

moimeme -  
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

<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

  1. Melooo Messages postés 1476 Statut Membre 84
     
    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
  2. moimeme
     
    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
  3. moimeme
     
    tjrs personne???
    0
    1. Melooo Messages postés 1476 Statut Membre 84
       
      Bhé tu fais la même chose que tu as faites pour le premier champs texte... en changeant le getElementbyId
      0