Récupérer valeur de plusieurs select

Version imprimable

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:

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

14/02/2011, 15h12
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 !

voila le code généré

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
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.

14/02/2011, 16h17
Loceka

Essaye avec cette fonction :

Code:

document.getElementsByTagName("SELECT");
14/02/2011, 16h25
andry.aime

Bonsoir,

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

A+.

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