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 2 champs..
Je vous montre le code en question:

index.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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"/>
</body>
</html>

javascript.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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....