N'efface qu'une option de liste deroulante sur trois [Résolu]

caro71ol · 21/01/2011, 08h38

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 · 21/01/2011, 10h54

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 · 21/01/2011, 13h39

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 · 21/01/2011, 14h05

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

NoSmoking · 21/01/2011, 14h38

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 · 21/01/2011, 15h53

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 · 21/01/2011, 16h01

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

caro71ol · 24/01/2011, 08h22

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 · 24/01/2011, 13h19

Citation:

Envoyé par 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.

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

SpaceFrog · 24/01/2011, 13h20

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 · 24/01/2011, 13h35

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

SpaceFrog · 24/01/2011, 13h43

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 · 24/01/2011, 14h05

vous avez de la chance cela fonctionne aussi!

SpaceFrog · 24/01/2011, 14h54

Citation:

vous avez de la chance

La chance n'a rien à voir là dedans

!!!

caro71ol · 24/01/2011, 14h55

je m'en doute bien

21/01/2011, 10h54	#2
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 768 Points : 5 768	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. __________________ Elen Poukram - Isegoria - Sandawe
	00

21/01/2011, 13h39	#3
caro71ol Nouveau Membre du Club caroline Étudiant Inscription : janvier 2011 Messages : 140 Détails du profil Informations personnelles : Nom : caroline Âge : 20 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 140 Points : 28 Points : 28	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.
	00

21/01/2011, 14h05	#4
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 768 Points : 5 768	Montrez-nous les parties de HTML concernées. Les selects et les options. __________________ Elen Poukram - Isegoria - Sandawe
	00

21/01/2011, 16h01	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ou virer toujours la première ... tant qu'il y a des options ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

24/01/2011, 13h20	#10
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	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 ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

24/01/2011, 13h35	#11
caro71ol Nouveau Membre du Club caroline Étudiant Inscription : janvier 2011 Messages : 140 Détails du profil Informations personnelles : Nom : caroline Âge : 20 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 140 Points : 28 Points : 28	bah j'y connais rien alors cette methode fonctionne donc pour l'instant ca me convient.
	00

24/01/2011, 14h05	#13
caro71ol Nouveau Membre du Club caroline Étudiant Inscription : janvier 2011 Messages : 140 Détails du profil Informations personnelles : Nom : caroline Âge : 20 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 140 Points : 28 Points : 28	vous avez de la chance cela fonctionne aussi!
	00

24/01/2011, 14h55	#15
caro71ol Nouveau Membre du Club caroline Étudiant Inscription : janvier 2011 Messages : 140 Détails du profil Informations personnelles : Nom : caroline Âge : 20 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 140 Points : 28 Points : 28	je m'en doute bien
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email