liste liée sans ajax

bonjour voilà je veux faire des listes liées en javascript pour un formulaire que le client peut envoyer par email. une liste contient les categories de produit et une autre liste contient les produits. donc j'ai un code pour lier les 2 listes at il marche

voici le code javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<SCRIPT language=JavaScript><!--
liste=new Array();
 
liste[1] = new Array("Cartes de visite LUXE","Cartes de visite PROMO");
liste[2] = new Array("Flyers 135gr Quadri","Flyers 250gr Quadri");
liste[3] = new Array("Affiches 100gr A2","Affiches 100gr A1");
liste[4] = new Array("Adhésif blanc monomère","Adhésif one-way-vision");
liste[5] = new Array("Bâche","Bandeole + support","Bâche + cadre mural");
liste[6] = new Array("Akilux","PVC 3mm","PVC 8mm","Dibond/Reynobond","Magnétique");
 
 
 
categorie = new Array();
categorie[1] = 'cartes de visite';
categorie[2] = 'flyers';
categorie[3] = 'affiches';
categorie[4] = 'adhésif';
categorie[5] = 'bâches - banderoles';
categorie[6] = 'impression avec support';
 
 
function changeliste()
{
choix=document.getElementById("listeA").value;
t='<select name="listeB" id="listeB">';
for(i=0;i<liste[choix].length;i++)
{
t+="<option value=\""+liste[choix][i]+"\">"+liste[choix][i]+"</option>";
}
document.getElementById("listeB_div").innerHTML=t+'</select>';
}
 
//-->
</SCRIPT>

et voici le code du select

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<FORM id="FormCommande" name="FormCommande" action="envoi_commande.php">
 
<table width="450" border="1">
  <tr>
    <td>Support</td>
    <td>&nbsp;</td>
    <td><A><SELECT id=listeA onchange=changeliste() name="listeA"> <OPTION value=0 
selected>Choix de la catégorie</OPTION> <OPTION value=1>Cartes de visite</OPTION> 
<OPTION value=2>Flyers</OPTION> <OPTION value=3>Affiches</OPTION> <OPTION 
value=4>Adhésifs</OPTION><OPTION value=5>Bâches/Banderoles</OPTION><OPTION value=6>Impression avec support</OPTION></SELECT></A><br />
<A 
id=listeB_div><SELECT id=listeB name="listeB"><OPTION selected>Choix du produit</OPTION></SELECT></A>
 
</td>
....
<input name="BtnEnvoyer" type="submit" />
</form>

donc ca marche sauf que quand je clique sur le bouton envoyer qui amène à la page envoi_commande.php j'ai une erreur sur la page envoi_commande.php

Notice: Undefined index: listeB in c:\program files\easyphp1-8\www\printopub\envoi_commande.php on line 2

voici le code de la page envoi_commande.php

Code:

1
2
3
4
5
 
<?php
 $listeB = $_POST['listeB']; 
 echo $listeB;
 ?>

merci pour votre aide