Formulaire de commandes

[warrenc50]

Bonjour
Je suis en train de créer un formulaire de commande dans lequel j’ai une première liste ou on peut choisir une catégorie.
Dans la seconde liste j’ai tous les items qui correspondent à chacune des catégories.
Est-ce possible de n’afficher que les items de la catégorie sélectionnée?

Voici le code pour le JS :

function Initialisation()
{
console.clear();
//On d?©finit les tableaux en respectant l’arborescence des menus:
console.println(“Initialisation.Definition tableau Debut.”)
ListeProduit=new Array();
ListeProduit[0]=[“Cabinet”,”Specifications”];
ListeProduit[1]=[“Filler Bout Gauche”,”Panneau Bout 1po Gauche”];
ListeProduit[2]=[“Rangement”,”18po 1porte gauche”];
ListeProduit[3]=[“Rangement”,”18po 1porte droite”];
ListeProduit[4]=[“Rangement”,”18po 3tiroirs”];
ListeProduit[5]=[“Rangement”,”Ouvert  Insert central 18po”];
ListeProduit[6]=[“Rangement”,”Ouvert Bout 18po gauche”];
ListeProduit[7]=[“Rangement”,”Ouvert Bout 18po droite”];
ListeProduit[8]=[“Rangement”,”36po 2portes”];
ListeProduit[9]=[“Rangement”,”Ouvert  Insert central 36po”];
ListeProduit[10]=[“Rangement”,”Coin 90 18po 1porte gauche”];
ListeProduit[11]=[“Rangement”,”Coin 90 18po 1porte droite”];
ListeProduit[12]=[“Rangement”,”Desserte 18po”];
ListeProduit[13]=[“Rangement”,”Chef 12po”];
ListeProduit[14]=[“Rangement”,”Poubelle Coulissante 18po”];
ListeProduit[15]=[“Rangement”,”Bonbonne 18po 1portegauche”];
ListeProduit[16]=[“Rangement”,”Bonbonne 18po 1porte droite”];
ListeProduit[17]=[“Évier”,”SMRT_N 18po 1portegauche”];
ListeProduit[18]=[“Évier”,”SMRT_N 18po 1portedroite”];
ListeProduit[19]=[“Évier”,”SMRT_E 18po 1portegauche”];
ListeProduit[20]=[“Évier”,”SMRT_E 18po 1portedroite”];
ListeProduit[21]=[“Évier”,”Base Évier 18po 1porte gauche”];
ListeProduit[22]=[“Évier”,”Base Évier 18po 1doordroite”];
ListeProduit[23]=[“Évier”,”BAR SMRT_N 36po 2portes”];
ListeProduit[24]=[“Évier”,”SMRT_N 36po 2portes”];
ListeProduit[25]=[“Évier”,”BAR SMRT_E 36po 2portes”];
ListeProduit[26]=[“Évier”,”SMRT_E 36po 2portes”];
ListeProduit[27]=[“Évier”,”SocialCorner gauche 36po 2portes”];
ListeProduit[28]=[“Évier”,”SocialCorner droite 36po 2portes”];
ListeProduit[29]=[“Évier”,”Base Évier 36po 2portes”];
ListeProduit[30]=[“Grill”,”Grill Ceramique 30po 2portes”];
ListeProduit[31]=[“Grill”,”Grill 36po 2portes”];
ListeProduit[32]=[“Grill”,”Grill 42po 2portes”];
ListeProduit[33]=[“Grill”,”Grill 48po 2portes”];
ListeProduit[34]=[“Électroménagers”,”Electroménager 26po”];
ListeProduit[35]=[“Finition”,”Filler Coin 90 3poX3po”];
ListeProduit[36]=[“Finition”,”Filler Lineaire 2po”];
ListeProduit[37]=[“Finition”,”Filler Lineaire – 4po”];
ListeProduit[38]=[“Finition”,”Filler Lineaire avec Ouverture Prise Electrique 2poX4po – 4po”];
ListeProduit[39]=[“Finition”,”Filler Lineaire 6po”];
ListeProduit[40]=[“Finition”,”Filler Lineaire Ajustable”];
ListeProduit[41]=[“Ambiance”,”Eclairage Lineaire 4po”];
ListeProduit[42]=[“Filler Bout Droit”,”Panneau Bout 1po Droit”];
//
//Remplissage de la liste  1 (s?©lecteur Cabinet)
console.println(“Remplissage liste 1 “)
lld=this.getField(“DropdownE1″,”DropdownS1″,”DropdownS2″,”DropdownS3″,”DropdownS4,DropdownS5,DropdownE2”);
lld.delay=true;
lld.clearItems();
index=0;
  while(index  {
  lld.insertItemAt(ListeProduit[index][0],ListeProduit[index][0],index)
  index=index+1;
  }
lld.setFocus();
lld.currentValueIndices=0;
lld.delay=false;

//Remplissage de la liste 2 (s?©lecteur Specifications)
console.println(“Remplissage liste 2.”);
lld=this.getField(“DropdownE1Spec”,”DropdownS1Spec”,”DropdownS2Spec”,”DropdownS3Spec”,”DropdownS4Spec”,”DropdownS5Spec”,”DropdownE2Spec”);
lld.delay=true;
lld.clearItems();
index=0;
  while(index  {
  lld.insertItemAt(ListeProduit[index][1],ListeProduit[index][1],index)
  index=index+1;
  }
lld.setFocus();
lld.currentValueIndices=0;
lld.delay=false;
//Fin remplissage Liste 2
console.println(“Initialisation.Definition tableau.Fin”)
}

Initialisation()

Sujet