Discussion :

[caro71ol]

Quand on change de sélection, il n'y a qu'une liste qui se vide, les deux autres non.

D'où cela peut-il provenir ?

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
//pour vider liste
 
			function videlistehd(){
//Suppression de l'élément d'option
	var selectListe = document.getElementById('heuredebut3');
	var option = selectListe.getElementsByTagName("option");
	var Length = option.length;
	for (i=0;i<Length;i++) {
		selectListe.removeChild(option[i]);
		}
					}
 
						function videlistehf(){
//Suppression de l'élément d'option
	var selectListe2 = document.getElementById('heurefin3');
	var option2 = selectListe.getElementsByTagName("option2");
	var Length2 = option2.length;
		for (j=0;j<Length2;j++) {
		selectListe2.removeChild(option[j]);
		}
					}
 
					function videlistebloc(){
//Suppression de l'élément d'option
	var selectListe3 = document.getElementById('blocage3');
	var option3 = selectListe.getElementsByTagName("option3");
	var Length3 = option3.length;
		for (k=0;k<Length3;k++) {
		selectListe3.removeChild(option[k]);
		}
					}
...
 
function ajax_multi2(){
goacti();
gochoixhd();
gochoixhf();
videlistehd();
videlistehf();
videlistebloc();
}

[vermine]

Bonjour,

A mon avis c'est à ce niveau-ci :

Code :

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

getElementsByTagName("option2");

Vous récupérer les éléments selon leur tag (<...>). Le tag <option2> n'existe pas. <option3> non plus, d'ailleurs.

[caro71ol]

En mettant

Code :

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

getElementsByTagName("option");

pour le 2 et le 3 j'ai toujours le meme resultat.

[vermine]

Montrez-nous les parties de HTML concernées. Les selects et les options.

[NoSmoking]

Bonjour,
pas bien de recopier la même fonction pour plusieurs SELECT, autant en faire une générique, il y aura bien moins d'erreur dans la recopie

Code :

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

1
2
var selectListe2 = document.getElementById('heurefin3');
var option2 = selectListe.getElementsByTagName("option2");

il existe plusieurs façon de scratcher les OPTIONs d'un SELECT, en voici une

Code :

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

1
2
3
4
5
6
7
8
function removeAllOptions( id){
  var oSelect = document.getElementById( id);
  if( oSelect){
    while( oSelect.options.length){
      oSelect.removeChild( oSelect.options[0]);
    }
  }
}

[andry.aime]

Pour vider un select, il suffit de mettre le length de options à 0.

Code :

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

1
2
3
function removeAllOptions( id){
  document.getElementById(id).options.length=0;
}

A+.

[SpaceFrog]

ou virer toujours la première ... tant qu'il y a des options ...

[caro71ol]

j'ai fait ca :

Code :

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

1
2
3
4
5
			function videliste(){
document.getElementById('heuredebut3').options.length=0;
document.getElementById('heurefin3').options.length=0;
document.getElementById('blocage3').options.length=0;
}

et cela fonctionne. merci à tous.

[NoSmoking]

j'ai fait ca :

Code :

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

1
2
3
4
5
function videliste(){
document.getElementById('heuredebut3').options.length=0;
document.getElementById('heurefin3').options.length=0;
document.getElementById('blocage3').options.length=0;
}

et cela fonctionne. merci à tous.

je n'aime pas trop ce type d'approche qui "saccage le DOM", enfin rien de prouvé!

[SpaceFrog]

c'est en effet une méthode que j'appelle "le pied de biche" ^^
il est préférable de boucler sur la première option en la supprimant ...

[caro71ol]

bah j'y connais rien alors cette methode fonctionne donc pour l'instant ca me convient.

[SpaceFrog]

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
49
50
51
52
53
54
55
 
<script type="text/javascript">
function videliste(idliste){
maliste=document.getElementById(idliste)
while (maliste.options[0]){
	maliste.removeChild(maliste.options[0])
	}
}
function foo()	{
videliste('heuredebut3');
videliste('heurefin3');
videliste('blocage3');
}
 
</script>
</head>
 
<body>
<select id="heuredebut3">
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
</select> 
<select id="heurefin3">
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
</select>
<select id="blocage3">
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
 <option>lkjhlkjhl</option>
</select>
<input type="button" onclick="foo()" value='efface' />
</body>
 
</html>

[caro71ol]

vous avez de la chance cela fonctionne aussi!

[SpaceFrog]

vous avez de la chance

La chance n'a rien à voir là dedans !!!

[caro71ol]

je m'en doute bien