supprimer un element avec removechild() selon la valeur dans un select

Marsh Posté le 03-12-2007 à 11:28:17

Bonjour,
j'ai une fonction qui est censé supprimer une valeur dans un select
j'ai fait ceci ...

Code :

document.getElementById('liste_deroulante').removeChild(document.getElementById('liste_deroulante').options[0]);

... mais ça supprime la premiere valeur de mon select.
comment purrais je faire pour qu'il me supprime l'option qui a pour valeur '02' (uniquement si il existe un option avec cette valeur).

Merci de votre aide

Reply

Marsh Posté le 03-12-2007 à 11:28:17

Reply

Marsh Posté le 03-12-2007 à 11:52:28

donc si je résume, si ton options a pour valeur "02" il faut la virer ?

Code :

var options = document.getElementById ("liste_deroulante" ).options;
var i = 0;
while (options[i].value != "02" )
i++;
options[i].parentNode.removeChild (options[i]);

---------------
We deserve everything that's coming...

Reply

Marsh Posté le 03-12-2007 à 12:13:18

super ... ca marche a merveille !
autre petite question .. la fonction doit faire la même chose (supprimer la valeur 02) sur un autre select, nommé liste_deroulante2
comment dois-je m'y prendre ?

merci encore

Reply

Marsh Posté le 03-12-2007 à 12:39:00

je te mets sur la voie : document.getElementById ("liste_deroulante2" )
super complexe pas vrai ?

---------------
We deserve everything that's coming...

Reply

Marsh Posté le 03-12-2007 à 13:11:55

bon ... on se moque pas :lol:
j'ai fait ceci ..

Code :

var options2 = document.getElementById ("liste_deroulante2" ).options;
var options = document.getElementById ("liste_deroulante" ).options;
var i = 0;
while (options2[i].value != "101" )
i++;
options2[i].parentNode.removeChild (options2[i]);
while (options[i].value != "101" )
i++;
options[i].parentNode.removeChild (options[i]);

mais j'ai une erreur losque la valeur 101 n'existe pas

merci encore

Reply

Marsh Posté le 03-12-2007 à 13:16:57

apres le premier while (de la ligne 4), remet la variable i à 0

Code :

var options2 = document.getElementById ("liste_deroulante2" ).options;
var options = document.getElementById ("liste_deroulante" ).options;
var i = 0;
while (options2[i].value != "101" )
i++;
options2[i].parentNode.removeChild (options2[i]);
i = 0; // i DOIT être remis à zéro, sinon on continu à l'incrémenter selon sa valeur précedente ;)
while (options[i].value != "101" )
i++;
options[i].parentNode.removeChild (options[i]);

et je ne moque pas ne t'en fais pas :jap:

Message édité par SICKofitALL le 03-12-2007 à 13:18:46

---------------
We deserve everything that's coming...

Reply

Marsh Posté le 03-12-2007 à 13:33:26

Ha oui ... en effet :ange:

mais j'ai toujours une erreur JS lorsque mon select ne comporte pas valeur à 101
'value' a la valeur null ou n'est pas un objet

merci

Reply

Marsh Posté le 03-12-2007 à 13:38:50

il te sort où cette erreur ?
sur les lignes avec les while ?

EDIT:
ah oui c normal en fait, il tente de supprimer l'élement meme s'il a pas trouvé qqch
attend je corrige ca

Message édité par SICKofitALL le 03-12-2007 à 13:40:24

---------------
We deserve everything that's coming...

Reply

Marsh Posté le 03-12-2007 à 13:43:15

oui en effet .. si la valeur 101 n'existe pas dans le select menu_deroulante2.
l'erreur sera sur la ligne while (options2[i].value != "101" )

merci encore

Message édité par attentio le 03-12-2007 à 13:44:04

Reply

Marsh Posté le 03-12-2007 à 14:20:49

Voila ca devrait être plus propre je pense
Je t'es mis ca sous forme de fonction

Code :

// value : chaine à chercher
// selectID : ID du select dans lequel chercher "value"
var removeOption = function (value, selectID)
{
var options = document.getElementById (selectID).options;
var i = 0;
var l = options.length;
while (i < l && options[i].value != value)
i++;
if (i < l)
options[i].parentNode.removeChild (options[i]);
}
removeOption ("101", "liste_deroulante2" );
removeOption ("101", "liste_deroulante" );

Si t'as des questions :hello:

---------------
We deserve everything that's coming...

Reply

supprimer un element avec removechild() selon la valeur dans un select

Sujets relatifs:

Leave a Replay