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