Liste deroulante qui modifie les valeurs de plusieur autres listes

**luan220** · 10/08/2008, 07h18

Salut,

Voila j'essaye avec une liste déroulante de modifier plusieurs autres listes avec les même valeur que la première

voila le code:

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
<script language="javascript">
function submitChange(Liste){
document.getElementById('auto').value=liste.value;
}
</script>
 
<select name="liste" onChange="javascript:submitChange(this)" />
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
 
<select id="auto" />
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
<select id="auto" />
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
<select id="auto" />
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>

je veux modifier tout les select dont l'id est auto mais juste le premier select change apparemment seul le premier id est pris en compte. j'ai chercher d'autre manières plutôt que d'utiliser getElementById mais je trouve pas

si quelqu'un peu m'aider

**Bovino** · 10/08/2008, 09h12

getElementById

Comme l'indique l'absence de 's' à Element (contrairement à getElementsByTagName par exemple), cette méthode ne référence qu'un seul élément car l'id est sensé être unique dans la page !

**luan220** · 10/08/2008, 10h42

Merci pour ta réponse, j'ai bien compris ce qui ne va pas avec les id's du coup je pense pas pouvoirs les utilisés vue que mes select sont crée dynamiquement

sinon j'avais aussi essayer:
document.getElementsByTagName('select').value=liste.value;

marche pas non plus!

**Bovino** · 10/08/2008, 10h58

Code :

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

1
2
3
4
5
var maliste = document.getElementsByTagName('select');
var resultat = document.getElementsByName('liste')[0].selectedIndex;
for(var i=1;i<maliste.length;i++){
liste[i].selectedIndex = resultat;
}

**luan220** · 10/08/2008, 12h05

Merci sinon ca marche sur internet explorer mais pas sur firefox si j'arrive a faire fonctionner sur firefox je repost ici merci encore

**luan220** · 10/08/2008, 19h06

Voila j'ai réussi a le faire fonctionner sur firefox avec quelque modification vue que le nom de mes champ était tous différents

Code:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<head>
   <script language="JavaScript" type="text/javascript">
   function getElementsByClass(maClass) {  
      var tabRetour = new Array();
     var tabTmp = new Array();
     tabTmp = document.getElementsByTagName("*");
     j=0;
      for (i=0; i<tabTmp.length; i++) {  
          if (tabTmp[i].className==maClass) {  
            tabRetour[j]=tabTmp[i];
        j++;
          }  
       }
      return tabRetour;
   }
   function choix(Liste){
		var maliste = document.getElementsByTagName('select');
		var resultat = getElementsByClass('category')[0].selectedIndex;
		for(var i=1;i<maliste.length;i++){
		getElementsByClass('category')[i].selectedIndex=resultat;
	}
}
   </script>
 
 
</head>
<body>
<select name="liste" class="category" onChange="javascript:choix(this)">
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
<select name="liste2" class="category">
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
<select name="liste3" class="category">
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
<select name="liste4" class="category">
	<option value="Oui">Oui</option>
	<option value="Non">Non</option>
</select>
 
</body>

Sa pourrait peut être servir à quelqu'un

Bye

Liste deroulante qui modifie les valeurs de plusieur autres listes

JavaScript

Vue hybride

Discussions similaires

Partager

Partager