2 LISTES LIÉES DYNAMIQUEMENT ENTRE ELLES, DONT LE CONTENU VIENT D UNE BDD

Commentaire de PoUpA le 27/04/2002 01:11:02

Magnifique :) j'téais justement en train d'en faire un mais le tien me parais mieux :) tu sauve mon travail de certificat :) plus qu'a le mettre en Jscript et c'est tt bon :) merci

Commentaire de Ray le 24/07/2002 12:42:03

c est marrant je repasse 1 an plus tard et je vois que mon script intéresse tjrs des gens ca fait plaisir.

Pour la troisieme liste, c est possible mais je crains que ca devienne tres lourd.

Commentaire de onha le 16/05/2003 10:17:50

Moi par contre j'ai un petit problème il ne veut pas actualisé la deuxième liste.

Commentaire de jcharles le 25/06/2003 10:44:24

bonjour moi je rencontre une erreur:
'document.monform.listeA.value' à la valeur Null ou n'est pas un objet

quelqu'un sait il pq merci

P.S j'utilise internet explorer 6.0

Commentaire de Escob le 10/04/2006 15:40:04

petite modif pour que ca fonctionne sous IE et netscape
1. <form name="monform" action="<%=URL%>" method=post>
   2. <p>
   3. Catégorie :
   4. <select name="listeA" size="1" onChange="changeliste()">
   5.  
   6.    <option value="0">---</option>
   7. <%set liste=ConnectionBD.execute("select * from categorie")
   8. while not liste.eof
   9. response.write("<OPTION VALUE="&liste("id_categorie")&">"&liste("intitule")&"</option>")
  10. liste.movenext
  11. wend%>
  12. </select>
  13. <BR>
  14. Prestation :
  15. <select name="listeB" size="1">
  16. <!--<option value="">---</option>-->
  17. </select>
  18. <BR>
  19. <BR>
  20.  
  21. <script>
  22. <!--
  23.    var liste=new Array()
  24.    liste[0]="<OPTION VALUE=0>---</OPTION>";
  25. <%liste.movefirst
  26. while not liste.eof
temp2="<select name='listeB'>"
  27.    temp=""
  28.       set prestation=ConnectionBD.execute("select * from prestation where id_categorie="&liste("id_categorie"))
  29.    while not prestation.eof
  30.    temp=temp&"<OPTION VALUE="&prestation("id_prestation")&">"&prestation("designation")&"</option>"
  31.    prestation.movenext
  32.    wend
  33.    temp3="</select>"%>
  34.    liste[<%=liste("id_categorie")%>]="<%=temp%>";
  35. <%
  36. liste.movenext
  37. wend
  38. %>
  39.  
  40.    function changeliste() {
  41.       choix=document.monform.listeA.value;
if (navigator.appName=='Netscape') {
document.monform.listeB.innerHTML=liste[choix];
}
else{
  42.      document.monform.listeB.outerHTML="<%=temp2%>"+liste[choix]+"<%=temp3%>";
  43.    }
  44. //-->
  45. </script>

Commentaire de Hobby le 01/09/2008 05:23:23

Je confirme le fonctionnement en mode 3 listes.
Juste qu'il faut aussi ajouté dans cette partie:
   function changeliste() {
      choix=document.monform.listeA.value;
     document.monform.listeB.outerHTML=liste[choix];
   }
ceci: changelisteb(); (juste a vant le } )
C'est logique sinon la troisièmme liste n'est pas refraichis lorsque l'on chanhe la 1er.

Merci
Olivier
Ps: la source 'original' fonctionne en IE6.