Récupérer valeur de plusieurs select [Résolu]

[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 :

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 :

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 :

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 :

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 :

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 :

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;
        }
 
    }