Liste déroulante liées

Bonjour à tous,
je suis en cours de développer une application J2EE, avec le jsp et les servlets, j'ai un problème concernant la liaison entre deux listes déroulantes, une se charge depuis une base de données, et l'autre se charge aussi à partir de la base de données en fonction du premier liste.
J'ai trouvé une solution simple pour faire cette liaison manuellement sans requis à une base de données.
Merci d'avance.

Citation:

---

J'ai trouvé une solution simple pour faire cette liaison manuellement sans requis à une base de données.

---

Du coup, ta question est ?

Citation:

---

Envoyé par Oussapik

Du coup, ta question est ?

---

Je veux que les données de la deuxième liste soit charger automatiquement de la base de données

Sur l'évenement onchange de ta premiere liste tu fais un appel AJAX qui va aller lire en BDD et te ramener différentes infos

Code:

---

1 2 3 4 5 6 7 8 9 10

<select name="nom" id="id" onchange="maFunctionDappelAjax()/>     <script> function maFunctionDappelAjax(){ //appel ajax } </script>

---

++

Citation:

---

Envoyé par freddou17

Sur l'évenement onchange de ta premiere liste tu fais un appel AJAX qui va aller lire en BDD et te ramener différentes infos

Code:

---

1 2 3 4 5 6 7 8 9 10

<select name="nom" id="id" onchange="maFunctionDappelAjax()/>     <script> function maFunctionDappelAjax(){ //appel ajax } </script>

---

++

---

Mercii, c'est vraiment magnifique, mais il reste un petit problème, j'ai essayer de faire une fonction ajax, mais j'ai pas parvenir a comprendre l'AJAX, et j'ai pas de temps pour faire connaître cette technologie.
Merci encore une autre fois.

L'appel AJAX permet de faire un appel serveur sans recharger la page.
1. Pour cela il faut un objet xhr ainsi que la fonction qui va lancer l'appel (ex: de fonction que tu peux trouver partout sur le net).

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 36 37 38 39 40 41 42 43 44 45 46 47 48

//code javascript à placer dans ta page ou ton fichier.js function getXMLHttpRequest() { var xhr = null; if (window.XMLHttpRequest || window.ActiveXObject) { if (window.ActiveXObject) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { xhr = new XMLHttpRequest(); } } else { alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest..."); return null; } return xhr; } //fonction function appelerXXX(){ var valeurPremiereListeDeroulante = recuperation de la valeur de ta premiere liste var xhrObj = getXmlHttpRequest(); //appel de la fonction callBack si tout se passe bien xhr.onreadystatechange = function() { if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { recupererDonnees(xhr.responseXML); document.getElementById("loader").style.display = "none"; } }; xhr.open("POST", "tonActionOuTaServlet.do", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send("param1=valeurPremiereListeDeroulante "); } //définition de la fonction callback (appelée lors du retour serveur) function recupererDonnees(objIssueDeLaBdd){ tadeuxiemeListe.innerHtml(objIssueDeLaBdd) }

---

Tu placera donc l'attribut

Code:

---

onchange="appelerXXX()"

---

sur ton select.

La fonction appelerXXX() va:
1. initialiser un objet xhr
2. lui attribuer la fonction de retour recupererDonnees. Fonction qui s'execute lorsque le traitement coté serveur est OK. C'est cette fonction qui mettre à jour ta deuxième liste avec le contenu de l'objet xhr.
3. appeler ta servlet ou ton action avec les parametres désirés

Je n'ai pas testé le code et je n'utilise plus l'AJAX de cette manière (j'utilise des frameworks JS).

Voilà pour te dépanner tu peux commencer avec ça. Par contre je ne pense pas que ce soit une perte de temps de comprendre l'AJAX surtout quant on fait du WEB java ou autre.
Tu trouveras de bon tuto sur le net

Bon courage ++

Merci bien. c'est gentil de ta part.