Discussion :

[vince851]

Bonjour,

voila dans mon formulaire, lorsque je clic sur un bouton radio, je voudrai faire disparaitre une option d'un select. J'arrive a faire disparaitre mon select en entier grace a :

Code :

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

1
2
3
4
5
6
7
8
9
10
function LockUnlockElements() {
	if (document.getElementById("CCL").checked) {
	document.getElementById("typepersonnel").style.display="";
	document.getElementById("typepersonnelnonsala").style.display="none";
	}
	else {
	document.getElementById("typepersonnel").style.display="none";
	document.getElementById("typepersonnelnonsala").style.display="";
	}
	}

mais du coup j'ai fait 2 select dont l'un ne possede pas l'option que je veut enlever.
Mais vu que je récupère les valeur du sélect dans ma base de donnée grace à :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
Type<br><dd>personnel :<SELECT NAME="typepersonnel" id="typepersonnel" onchange="afficherService()">
	<option value ="">-</option>
 
	<?php
$sql = "SELECT  typepersonnel FROM ref_typepersonnel order by typepersonnel" ;
$res = mysql_query( $sql ) or die( $sql.":".mysql_error()) ;
while ( $r = mysql_fetch_array( $res, MYSQL_NUM ) )
    {
        $typepersonnel = $r[0];
    echo "<option value=\"$typepersonnel\">$typepersonnel</option>\n" ;
    }
?>
</SELECT>

je suis obliger de refaire l'autre select en "dur" ... mais ça ne fonctionne pas


Donc je voudrai savoir si dans ma fonction javascript je pouvais récupéré la valeur de l'option plutot que l'id du select...pour ensuite faire disparaitre/caché cette option ou la mettre disabled.

J'ai essayer toute la journée mais en vain, j'ai besoin de vous help ^^

[SpaceFrog]

l'option n'accepte pas le style display

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<select onchange="this.removeChild(this.options[this.selectedIndex])">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
</select>

[vince851]

l'option n'accepte pas le style display

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<select onchange="this.removeChild(this.options[this.selectedIndex])">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
</select>

le problème de ton exemple, c'est que l'option se supprime lorsqu'on change de sélect si j'ai bien compris...enfin je crois

Moi je voudrai que l'option s'enlève lorsque que je click sur un bouton radio

Donc j'ai fait ma fonction comme ceci (et je l'appel sur un onclick dans l'input radio) :

function LockUnlockElements() {

if (document.getElementById("CCL").checked) {


typepersonnel.removeChild(typepersonnel.options[typepersonnel.selectedIndex.length3]);
}
}

donc évidemment ça ne marche pas, la syntaxe ne doit pas etre bonne...
j'ai mis "length3" à la fin car l'élément de la liste que je veux enlever ce trouve en 4è position mais je ne suis pas sur que c'est comme cela que l'on fait, ou alors sinon je met sa value mais où?

[SpaceFrog]

length3 ? c'est nouveau? un form en 3D ?

[vince851]

length3 ? c'est nouveau? un form en 3D ?

non non j'avais trouver quelque chose similaire pour récupéré une option...

[vince851]

personne n'aurait de réponse alors ou alors je pensait mettre l'option en question en disabled, j'ai essayer sur une option directement et cela marche, mais mon problème est toujours de savoir comment appeler cette option dans ma fonction javascript en fonction d'u click sur un bouton radio

[andry.aime]

Bonjour,

Code :

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

1
2
var listes = document.getElementById("typepersonnel").removeChilde;
listes.removeChild(listes.options[listes.selectedIndex]);

A+.

[vince851]

Bonjour,

Code :

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

1
2
var listes = document.getElementById("typepersonnel").removeChilde;
listes.removeChild(listes.options[listes.selectedIndex]);

A+.

merci bien... par contre c'est au niveau de selected index que je choisi l'option? dois-je mettre sa value ou un numéro correspondant à sa place dans le sélect?

[andry.aime]

C'est l'option sélectionnée sur le select qui est ciblé par selectedIndex.

[vince851]

je dois avoir un problème je suis désolé je suis un peu perdu je ne peut pas spécifié la valeur de l'option que je veut enlever?

Code :

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

1
2
3
4
5
6
7
8
function LockUnlockElements() {
	var listes = document.getElementById("typepersonnel").removeChilde;
	if (document.getElementById("CCL").checked) {
 
 
		listes.removeChild(listes.options[listes.selectedIndex]);	
	}
	}

en gros dans ma fonction je ne précise jamais quelle option j'enleve, c'est cela qui me parait bizarre

[vermine]

Bonjour,

Ca, c'est l'indice de l'élément sélectionné:

Code :

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

listes.removeChild(listes.options[listes.selectedIndex]);

Donc vous pouvez le remplacer par l'indice que vous voulez réellement supprimer, par exemple le 4ème (je pense que ça commence à zéro):

Code :

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

listes.removeChild(listes.options[3]);

[andry.aime]

Avec ce code, tu supprimeras l'option qui est sélectionnée(avec sa valeur).
J'ai fait un mauvais copier/coller

Code :

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

var listes = document.getElementById("typepersonnel");

Mais si tu veux passer en paramètre la valeur de l'option à supprimer

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function LockUnlockElements(valeur) {
	var listes = document.getElementById("typepersonnel");
	if (document.getElementById("CCL").checked) {
		for(var i=0; i<listes.length; i++)
		{
			if(listes.options[i].value==valeur)
			{
				listes.removeChild(listes.options[i]);
				return ;
			}
		}
	}
}

A+.

[vince851]

Mais si tu veux passer en paramètre la valeur de l'option à supprimer

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function LockUnlockElements(valeur) {
	var listes = document.getElementById("typepersonnel");
	if (document.getElementById("CCL").checked) {
		for(var i=0; i<listes.length; i++)
		{
			if(listes.options[i].value==valeur)
			{
				listes.removeChild(listes.options[i]);
				return ;
			}
		}
	}
}

A+.

YEEEES !!! c'est ce que je voulais merci beaucoup.... Mais ^^ petite question, le problème c'est que lorsque je clique sur les autres buton radio il faudrait que l'option revienne je suis chiant je sais

[andry.aime]

Dans ce cas tu dois stocker les options quelque part (dans un cookie ou variable globale) et tu le rajoutes au moment voulu.

A+.