Comment ne pas voir un OPTION d'un SELECT ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment ne pas voir un OPTION d'un SELECT ?

bingojm

Bonjour à tous,

J'aimerais pouvoir cacher un option d'un select lors d'un OnChange sur un autre select.
Avec une condition javascript j'aurais afficher ou non mon div qui contient l'option.
Cela ne fonctionne pas! Y a-t-il un autre moyen?

Code :

<select name="duree">
<option value="10">10 ans</option>
<option value="15">15 ans</option>
<option value="20">20 ans</option>
<option value="25">25 ans</option>
<option value="30">30 ans</option>
<div id="duree_40" style="display:none">
<option value="40">40 ans</option>
</div>
</select>

J'ai essayé aussi ceci, mais cela ne fonctionne pas non plus... sauf avec FF.

Code :

<option value="40" style="display:none">40 ans</option>

Disabled grisonne bien l'option, mais j'aimerais qu'on ne le voit pas du tout.

Code :

<option value="40" disabled>40 ans</option>

Merci d'avance!

Message édité par bingojm le 22-07-2011 à 14:09:51

Publicité

rufo

Pas me confondre avec Lycos!

<option value="40" style="display:none">40 ans</option> => c'est comme ça que j'aurais fait en premier

Ca sera pas plus simple de virer le option du select tout simplement via JS :??:

Message cité 1 fois

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

bingojm

rufo a écrit :

<option value="40" style="display:none">40 ans</option> => c'est comme ça que j'aurais fait en premier

Ca sera pas plus simple de virer le option du select tout simplement via JS :??:

Si! ce sera beaucoup plus simple. C'est ce que je cherche actuellement, mais j'ai un peu de mal.
J'en suis ici:

Code :

for(i = 0; i < length; i++)
{
document.form.duree[i] = new Option(document.form.duree[ i + 1].text);
}
document.form.duree[2] = null;
}

Cela va donc me supprimer le 3è option, mais si j'effectue à nouveau la fonction, il va faire de même pour la nouvelle 3è option.
N'y a-t-il pas moyen de vérifier la valeur de l'option?
Si oui, je n'arrive pas à l'écrire:

Code :

document.form.duree["40"] = null;

Message cité 1 fois

fred777888999

Il serait surement beaucoup plus simple d'alimenter ton deuxieme select systematiquement en fonction des choix de ton premier en javascript au lieu d'essayer d'enlever des valeurs.

rufo

Pas me confondre avec Lycos!

bingojm a écrit :

Si! ce sera beaucoup plus simple. C'est ce que je cherche actuellement, mais j'ai un peu de mal.
J'en suis ici:

Code :

for(i = 0; i < length; i++)
{
document.form.duree[i] = new Option(document.form.duree[ i + 1].text);
}
document.form.duree[2] = null;
}

Code :

document.form.duree["40"] = null;

ben tu recherche l'indice de l'option qui a pour valeur celle que tu cherches à supprimer dans le select

FORUM HardWare.fr

Programmation

HTML/CSS

Comment ne pas voir un OPTION d'un SELECT ?

Sujets relatifs
montrer/cacher div a partir d'un <select><option>	Comment récupérer des données de <select> <option>
[JS] REmplacer la valeur d'un form, select ou option dynamiquement	[résolu] récupérer 2 variables dans <option> du <select>
Effectuer une recherche avec des SELECT Option à plusieurs niveaux	select -> option : disabled ?
pb select/option value+php [resolu]	couleur de texte dans <option></otpion> de <select>
[HELP] select/option/ et onClick/onBlur...	rendre un champs <option> non selectionlable d'un <select>
Plus de sujets relatifs à : Comment ne pas voir un OPTION d'un SELECT ?

Page générée en 0.048 secondes