Bonjour
Je veux de l'aide, je crée plusieurs listes dynamiques.
L'idee es la suivante :
j ai 6 endroits ou il y a des listes de selections
Les 3 premiers listes determinent les trois derniers selects car les 3 premiers sont les articles a choisir
et selon l'article choisi juste a cote apparait la liste des modeles et prix corrrespondant.
Don si on choisi ds le premier select "ordinateur", il apparrait dans le quatieme select (listordinateur) la liste appelé (ordinateur),
si on choisi imprimante dans le premier select alors la liste ordinateur au quatieme select est remplacé par la listeimprimante etc...
De l'aide please j'ai veillé toute une nuit sans etre capable.
Merci
<form name="formule" method="POST">
<select name="listeArticle" size="1" onChange="changeListe(this);">
<option value="">Ordinateur</option>
<option value="">Ecran</option>
<option value="">Imprimante</option>
</select>
<select name="listeArticle" size="1" onChange="changeListe(this);">
<option value="">Ordinateur</option>
<option value="">Ecran</option>
<option value="">Imprimante</option>
</select>
<select name="listeArticle" size="1" onChange="changeListe(this);">
<option value="">Ordinateur</option>
<option value="">Ecran</option>
<option value="">Imprimante</option>
</select>
<select name="listeOrdinateur" size="1" >
<option>GW101 à 699.99$</option>
</select>
<select name="listeEcran" size="1" >
<option> V17AS à 229.99$</option>
</select>
<select name="listeImprimante" size="1" >
<option>RX800 à 99.99$</option>
</select>
<script type="text/javascript">
var donnees = { ordinateur :["GW101 à 699.99$", "GW102 à 799.99$", "GW103 à 899.99$", "GW104 à 999.99$",
"DELL101 à 699.99$","DELL102 à 799.99$","DELL103 à 899.99$","DELL104 à 999.99$"],
ecran :["V17A à 199.99$", "V17AS à 229.99$", "V19P à 399.99$", "V19G à 499.99$",
"S17 à 199.99$","S19 à 299.99$", "S21 à 599.99$", "S23 à 999.99$"],
imprimante:["RX800 à 99.99$", "RX820 à 199.99$","RX900 à 299.99$","PH990 à 499.99$",
"LX800 à 19.99$","LX820 à 39.99$","LX900 à 59.99$","LX990 à 99.99$"]};
function changeListe(listeArticle){
var tableau, i, articleChoisi;
var listeModele=document.formule.listeOrdinateur;
listeModele.options.length=o;
listeModele.options[0]= new option ("GW101 à 699.99$","", true, true);
articleChoisi = listeArticle.options[listeArticle.selectedIndex].txt;
tableau = donnees[articleChoisi];
for (i in tableau){
listeModele.options[listeModele.options.length] = new option (tableau[i]);
}
}
</script>
Partager