Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks
Bibliothèques & Frameworks Forum d'entraide sur les frameworks et bibliothèques JavaScript (jQuery, Mootools, Prototype, Script.aculo.us, etc.). Avant de poster : Cours Frameworks JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 24/05/2011, 13h48   #1
Invité de passage
 
Homme
Étudiant
Inscription : mai 2011
Messages : 45
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations professionnelles :
Activité : Étudiant
Secteur : Distribution

Informations forums :
Inscription : mai 2011
Messages : 45
Points : 2
Points : 2
Par défaut liste déroulante liée à plusieurs champs textes

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 :
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 :
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....
moimeme340 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 25/05/2011, 08h16   #2
Membre Expert
 
Avatar de Loceka
 
Tlouye Ci
Inscription : mars 2004
Messages : 1 450
Détails du profil
Informations personnelles :
Nom : Tlouye Ci

Informations forums :
Inscription : mars 2004
Messages : 1 450
Points : 2 149
Points : 2 149
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.
Loceka est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h14.


 
 
 
 
Partenaires

Hébergement Web