Liste déroulante liée à champs texte en js
moimeme
-
Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention -
Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention -
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
javascript.js
Merci de me donner un coup de main svp... :)
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... :)
A voir également:
- Liste déroulante liée à champs texte en js
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Transcription audio en texte word gratuit - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
4 réponses
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 ??
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 ??