[DHTML] reponse a funwebmax : interaction entre deux listes

reponse a funwebmax : interaction entre deux listes [DHTML] - Programmation

Marsh Posté le 20-04-2001 à 14:56:32    

dans la page html qui suit lorsque la selection change dans la premiere liste, le contenu de la deuxieme liste est effacé puis remplacé par un nouveau contenu en fonction de la selection de la premiere liste.
 
testé sur ie5.
 

Code :
  1. <html>
  2. <head>
  3.   <title>Liste deroulantes</title>
  4.   <style>
  5.     select{font-family:courier new}
  6.     form{margin-top:0em}
  7.   </style>
  8. </head>
  9. <body>
  10. <script language="javascript">
  11.   var na=0;
  12.   var ta=new Array();
  14.   var nb=0;
  15.   var tb=new Array();
  17.   var nbm=0;
  19.   function ea(i,t) {
  20.     this.id=i;
  21.     this.texte=t;
  22.     this.taille=0;
  23.     }
  25.   function eb(a,i,t) {
  26.     this.ida=a;
  27.     this.id=i;
  28.     this.texte=t;
  29.     ta[a].taille=ta[a].taille+1;
  30.     if (ta[a].taille>nbm) nbm=ta[a].taille;
  31.     }
  33.   function aa(i,t) {
  34.     ta[na]=new ea(i,t);
  35.     na++;
  36.     }
  38.   function ab(a,i,t) {
  39.     tb[nb]=new eb(a,i,t);
  40.     nb++;
  41.     }
  43.   function ia() {
  44.     var s="";
  45.     for (var i=0;i<na;i++) {
  46.       s=s+"<option value=\""+ta[i].id+"\">"+ta[i].texte+"</option>";
  47.       }
  48.     return(s);
  49.     }
  51.   function ib() {
  52.     var s="";
  53.     for (var i=0;i<nb;i++) {
  54.       if (ta[0].id==tb[i].ida) {
  55.         s=s+"<option value=\""+tb[i].id+"\">"+tb[i].texte+"</option>";
  56.         }
  57.       }
  58.     for (var i=ta[0].taille;i<nbm;i++) {
  59.       s=s+"<option value=\"x\"></option>";
  60.       }
  61.     return(s);
  62.     }
  64.   function ca() {
  65.     var n=document.all.liste_a.options[document.all.liste_a.selectedIndex].value;
  66.     var nc=0;
  67.     for (var i=0;i<nbm;i++) {
  68.       document.all.liste_b.options[i].value="x";
  69.       document.all.liste_b.options[i].text="";
  70.       }
  71.     for (var i=0;i<nb;i++) {
  72.       if (n==tb[i].ida) {
  73.         document.all.liste_b.options[nc].value=tb[i].id;
  74.         document.all.liste_b.options[nc].text=tb[i].texte;
  75.         nc++;
  76.         }
  77.       }
  78.     }
  80.   aa(0,"ville" );
  81.   aa(1,"region" );
  82.   aa(2,"pays" );
  84.   ab(0,0,"montbeliard" );
  85.   ab(0,1,"belfort" );
  86.   ab(0,2,"paris" );
  87.   ab(1,0,"franche comté" );
  88.   ab(1,1,"ile de france" );
  89.   ab(2,0,"france" );
  90.   ab(2,1,"italie" );
  91.   ab(2,2,"espagne" );
  92.   ab(2,3,"danemark" );
  93. </script>
  94. <select name="liste_a" onChange="ca()"><script language="javascript">document.write(ia())</script></select>
  95. <select name="liste_b" ><script language="javascript">document.write(ib())</script></select>
  96. </body>
  97. </html>

Reply

Marsh Posté le 20-04-2001 à 14:56:32   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed