Discussion :

[alen22]

salut,

je travail avec une page jsp
mon but est de remplir une liste deroulante d'après un code de javascript

ce code dois parser une fichier test.xml pour récupérer les donnes nécessaires

j'arrive a écrire une code en javascript qui fait parser le fichier test.xml et j'arrive a récupéré les donnes de ce fichier et ce code est correcte

le fichier test.xml est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="UTF-8"?>
<societes>
   <societe>
      <nom>HP</nom>
      <nombre>10</nombre>
 
 
 
   </societe>
 
 
</societes>

le code de javascript est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">var h1,y1;
			$(document).ready(function() {
			$.post('test.xml', function(data) {
			$(data).find("societes").children("societe").each(function(i, item){
 
h1=$(item).children("nom").text()+'';
			y1=$(item).children("nombre").text();
}
}
 
 
		</script>

donc le but est comment créer une liste déroulante ,cette liste déroulante dois contenir les noms de sociétés qui sont récupérer de fichier test.xml

le fichier test.xml dois contenir plusqu'une sociéte
exemple de fichier .xml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?xml version="1.0" encoding="UTF-8"?>
<societes>
   <societe>
      <nom>HP</nom>
      <nombre>10</nombre>
 
 
 
   </societe>
 <societe>
      <nom>IBM</nom>
      <nombre>40</nombre>
 
 
 
   </societe>
 <societe>
      <nom>Tochiba</nom>
      <nombre>25</nombre>
 
 
 
   </societe>
 
</societes>

le résultat dans la liste déroulante dois contenir

HP et IBM et Tochiba

et ceci grâce au code de javascript

je pense que je dois travailler dans le code de javascript avec un tableau

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(document).ready(function() {
			$.post('test.xml', function(data) {
			$(data).find("societes").children("societe").each(function(i, item){
		tabXML.push([$(item).children("nom").text(), $(item).children("nombre").text()])
....
....
...

merci d'avance

[kamclasse]

bonsoir,

j'ai pas bien comprit votre code mais si vous êtes arrivé à récupérer les valeurs de société dans le fichier xml vous pouvez remplir la liste déroulant facilement et comme ceci :

jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 
<script language="javascript">
 
$(document).ready(function(){
 
$('#list').append('<option value="value1" > Option 1 </option>');
 
});
</script>

le html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 
<select id="list">
 
</select>

bn continuation

[alen22]

merci pour votre réponse

je fait comme celle ci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">var h1,y1;
			$(document).ready(function() {
			$.post('test.xml', function(data) {
			$(data).find("societes").children("societe").each(function(i, item){
 
			h1=$(item).children("nom").text()+'';
			y1=$(item).children("nombre").text();
 
 
 
           $('#list').append('<option value="h1" >h1</option>');
	 });
 
 
			 });
			});
 
		</script>

je travail avec ce fichier pour test

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="UTF-8"?>
<societes>
   <societe>
      <nom>HP</nom>
      <nombre>10</nombre>
 
 
 
   </societe>
 
 
</societes>

le résultat de la liste déroulante contient h1 mais normalement dois contenir le contenu de h1 qui est HP

merci d'avance

[alen22]

j'essaye avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#list').append('<option value="' $h1 '">' $h1 '</option>');

mais dans cet ca rien n'est affiché

[kamclasse]

bonjour,
c'est normale par ce que "h1" est différente de la variable h1

vous pouvez faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type="text/javascript">var h1,y1;
			$(document).ready(function() {
			$.post('test.xml', function(data) {
			$(data).find("societes").children("societe").each(function(i, item){
 
			h1=$(item).children("nom").text()+'';
			y1=$(item).children("nombre").text();
 
 
 
           $('#list').append('<option value="h1" >'+h1+'</option>');
	 });
 
 
			 });
			});
 
		</script>

bn continuation.

[kamclasse]

ou bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$('#list').append('<option value="'+h1+'" >'+h1+'</option>');

[alen22]

merci beaucoup pour la réponse
je la test et ca marche

si on travail avec ce fichier test.xml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?xml version="1.0" encoding="UTF-8"?>
<societes>
   <societe>
      <nom>HP</nom>
      <nombre>10</nombre>
 
 
 
   </societe>
 <societe>
      <nom>IBM</nom>
      <nombre>40</nombre>
 
 
 
   </societe>
 <societe>
      <nom>Tochiba</nom>
      <nombre>25</nombre>
 
 
 
   </societe>
 
</societes>

donc d'après le code corrige le liste déroulante affiche HP,IBM,Tochiba

je veux juste savoir si je choisie une proposition parmi les trois (comme exemple :HP)
je veux récupérer cette valeur (HP)dans le code de javascript

merci d'avance