[AJAX+Struits] Mise à jour liste déroulante suite à une action [Résolu]

[laurent_m]

Bonjour!

petite question ( Je ne savais pas ou la mettre)

J'ai un formulaire avec disons un champ texte,une liste déroulante et un bouton submit.

Le boution submit exécute une action Struts qui ajoute le contenu du champs texte à un fichier XML

Or, la liste déroulante prend comme valeurs, l'ensemble des élémements dans cet XML c'est-à-dire les "Categorie" (tag XML)

donc en clair, je veux que mon liste déroulante se rafraîchisse suite au submit du formulaire sans recharge la page ( de là le AJAX)

Je sais que c'est une technique simple mais.. je patine depuis 2 jours comme je suis nouveau en AJAX

Des idées ?

Merci!

[laurent_m]

Dojo me faciliterait-il la tâche ?

[Nosty]

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
function updateListBox() {
 
        var xhr = getXhr();
	xhr.onreadystatechange = function(){
	if(xhr.readyState == 4 && xhr.status == 200){
            	var xmldoc = xhr.responseXML;
                var options = xmldoc.getElementsByTagName('marker');
                var liste;
                liste = "<select name='liste'>";
 
		for (var i = 0; i < options.length; i++) { 
                      liste = liste + "<option value = '" + options[i].getAttribute("id") + "' >" + options[i].getAttribute("lib") + "</option>";
                }
                liste = liste + "</select>";
                SetDiv('div',string);
	}
	}
	xhr.open("GET","fichier.xml",true);
	xhr.send(null);
}
function SetDiv(ID,Content) {
 
      if (dom) {document.getElementById(ID).innerHTML = Content;return;}
      if (ie4) {document.all[ID].innerHTML = Content;return;}
      if (ns4) {
          with (eval('document.'+ID+'.document')) {
             open();
             write(Content);
             close();
         }return;}
 
   }

Essais ça mais je ne suis pas sûr que ça marche

[laurent_m]

ça,
ça fait ce que j'veux
http://www.mredkj.com/tutorials/tutorial005.html