Discussion :

[fouinette]

Bonjour,

j'ai le code HTML suivant (dans une jsp).
J'ai plusieurs select d'indicateurs que je remplie en parcourant une HashMap
ensuite je voudrais pouvoir récupérer pour afficher dans une autre liste les indicateurs sélectionner dans chaque select

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<p id="listesM">
 
<%while (it.hasNext()) { 
        Map.Entry <String, ArrayList<String> > pairs = (Entry<String, ArrayList<String>>) it.next(); %> 
	<select id="listeIndicateurs" name="listeIndicateurs" size="3"multiple="multiple">
		<option style="color:red;"> Machine<%=pairs.getKey()%>  </option>
		<% ArrayList <String> indic = pairs.getValue();
                        for(int j=0;j<indic.size();j++){
                                %>
				<option> <%=indic.get(j)%> </option>
				<%} %>
	</select>
<% } %>
</p>
<button type="button" onclick="JavaScript: ajouter()">Ajouter</button>

j'ai le script suivant qui ne fonctionne pas

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">
 
function ajouter(){
	var nomMachine = "";
	var nomIndic="";
	var liste1 = document.getElementById('listeM');
	var liste3=document.getElementById('liste');
 
	for(j=1;j<liste1.length;j++){
		if(liste1.options[j].selected == true){
			nomMachine=liste1.options[0];
			nomIndic=liste1.options[j];
			var nouveauText=nomMachine+"+"+nomIndic; 
			nouvelIndic = new Option(nouveauText,nouveauText,false,false);
			liste3.options[liste3.length] = nouvelIndic;
		}
	}
}

En espérant avoir été claire, merci d'avance

[Bovino]

Code :

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

for(j=1;j<liste1.length;j++)

liste1 correspond à une balise p, il n'a donc pas de length et encore moins de options.

Au passage, merci de poster le code HTML généré, pas le code serveur !

[fouinette]

voila le code généré

Code html :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<p id="listesM"> 
 
			<select id="listeIndicateurs" name="listeIndicateurs" size="3"multiple="multiple"> 
				<option style="color:red;"> Machine1  </option> 
 
				<option> indic9 </option> 
 
				<option> indic6 </option> 
 
				<option> indic3 </option> 
 
				<option> indic1 </option> 
 
				<option> indic92 </option> 
 
				<option> DISKWRITE </option> 
 
			</select>			
 
			<select id="listeIndicateurs" name="listeIndicateurs" size="3"multiple="multiple"> 
				<option style="color:red;"> Machine2  </option> 
 
				<option> indic9 </option>
 
				<option> indic7 </option> 
 
				<option> indic8 </option> 
 
				<option> indic2 </option> 
 
				<option> indic5 </option> 
 
			</select>			
 
			<select id="listeIndicateurs" name="listeIndicateurs" size="3"multiple="multiple"> 
				<option style="color:red;"> Machine3  </option> 
 
				<option> indic1 </option> 
 
				<option> indic5 </option> 
 
				<option> indic3 </option> 
 
				<option> indic7 </option> 
 
			</select>			
 
			<select id="listeIndicateurs" name="listeIndicateurs" size="3"multiple="multiple"> 
				<option style="color:red;"> Machine4  </option> 
 
				<option> indic1 </option> 
 
				<option> indic2 </option> 
 
				<option> indic3 </option> 	
 
			</select>			
 
		</p>

Il faudrait pouvoir faire une boucle sur l'ensemble des select mais je ne vois pas comment faire.

[Loceka]

Essaye avec cette fonction :

Code :

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

document.getElementsByTagName("SELECT");

[andry.aime]

Bonsoir,

1- Un id doit être unique dans un document
2- Tes options n'ont pas de value.

A+.

[fouinette]

Merci à tous j'ai réussi à faire ce que je voulais

J'ai fait en sorte d'avoir des id différents.
Pour chaque select j'ai un paragraphe ayant le même nom que l'id du select
ainsi grâce à elementByTagName j'ai pu récupérer les noms des paragraphes qui correspondent également aux id.

voilà le code javascript au cas où

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
26
27
function ajouter(){
	var nomMachine ;
	var nomIndi;
	var liste3=document.getElementById("liste");
 
	var arrP = new Array();
 
        arrP = document.getElementsByTagName( "p" );
 
        for(var i=1; i < arrP.length; i++){
 
           var tagObj = document.getElementsByTagName( "p" ).item(i);
 
          list = document.getElementById(tagObj.innerHTML);
 
          for(z=0;z<list.length;z++){
        	nomMachine=tagObj.innerHTML;
        	if(list.options[z].selected == true){		
					nomIndic=list.options[z].innerHTML;
					var nouveauText=nomMachine+"+"+nomIndic; 
					nouvelIndic = new Option(nouveauText,nouveauText,false,false);
					liste3.options[liste3.length] = nouvelIndic;
			}
        	list.options[z].selected = false;
        }
 
    }