Liste déroulante liée à plusieurs champs textes

**moimeme340** · 24/05/2011, 13h48

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

**Loceka** · 25/05/2011, 08h16

Je ne comprends pas ce que tu essayes de faire.

Chez moi ton script fonctionne très bien (je l'ai recopié tel quel, sans modifier un seul caractère). Il écrit bien des valeurs différentes dans le champ "txt" selon l'option sélectionnée.

Liste déroulante liée à plusieurs champs textes

JavaScript

Discussions similaires

Partager

Partager