Listes deroulantes lieées Javascript / HTML
Résolu/Fermé
PandaHugsU
Messages postés
16
Date d'inscription
vendredi 29 avril 2011
Statut
Membre
Dernière intervention
9 mai 2013
-
10 juil. 2012 à 16:23
PandaHugsU Messages postés 16 Date d'inscription vendredi 29 avril 2011 Statut Membre Dernière intervention 9 mai 2013 - 11 juil. 2012 à 09:23
PandaHugsU Messages postés 16 Date d'inscription vendredi 29 avril 2011 Statut Membre Dernière intervention 9 mai 2013 - 11 juil. 2012 à 09:23
A voir également:
- Listes deroulantes lieées Javascript / HTML
- Telecharger javascript - Télécharger - Langages
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Javascript round ✓ - Forum Javascript
- Listes déroulantes excel - Guide
- Html editor - Télécharger - HTML
1 réponse
Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
901
10 juil. 2012 à 18:17
10 juil. 2012 à 18:17
voilà avec pas mal de rectifs:
<script type="text/javascript"> <!-- script javascript ne pas confondrejava et javascript ce n'est pas la même chose ! deux langages totalement différents -->
function generation_liste2(id_lire,id_ecrire) { <!-- Fonction pour le second menu deroulant liéé au choix dans le premier -->
var liste2="";
//on commence par effacer eventuellement la deuxieme liste au cas ou elle serait affichée, si on reclique sur choisissez
document.getElementById(id_ecrire).innerHTML="";
//on lit le choix dans liste 1
var choix_vehicule=document.getElementById(id_lire).value;
// var tablength = tab.length; // longueur du tableau //la tu rentre la longueur du tableau avant même de l'avoir défini puisque c'est plus bas que tu le fait
switch (choix_vehicule) {
//on peut tout mettre dans le switch case
//il faut les ' de part et d'autre des 0 voiture velo etc..
case '0' : return; break;<!-- si pas de choix retourne rien -->
<!-- autre choix possible -->
case 'voiture' : var tab = new Array ('Citadine','Compact','Berline','4x4'); break;
case 'velo' : var tab = new Array ('Electrique','Normal',''); break;
case 'train' : var tab = new Array ('TER','TGV',''); break;
}
//generation de la deuxieme liste
liste2 += '<select name="type">';
for (j=0;j<tab.length;j++) { //il te manquait le point entre tab et length, de plus tu as mis deux fois la variable i ?? c'est une possible source d'erreurs
liste2 += '<option value="'+tab[j]+'">'+tab[j]+'</option>';
}
liste2 += '</select>';
//ecriture de la deuxieme liste dans le div la page
document.getElementById(id_ecrire).innerHTML=liste2;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<select name="vehicule" id="id_liste_vehicule" onchange="generation_liste2('id_liste_vehicule','id_liste2');">
<option value="0">-- choisissez --</option>
<option value="voiture">Voiture</option>
<option value="velo">Vélo</option>
<option value="train">Train</option>
</select>
<div id="id_liste2"><!-- la va etre ecrite la deuxieme liste --></div>
</form>
</body>
11 juil. 2012 à 09:23
Merci beaucoup pour ta réponse rapide et bien expliquée.
a+