Comment ne pas voir un OPTION d'un SELECT ?

Marsh Posté le 22-07-2011 à 13:55:35

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

Reply

Marsh Posté le 22-07-2011 à 13:55:35

Reply

Marsh Posté le 22-07-2011 à 15:26:41

<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

Reply

Marsh Posté le 22-07-2011 à 15:31:49

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

Reply

Marsh Posté le 22-07-2011 à 16:03:57

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.

Reply

Marsh Posté le 22-07-2011 à 16:52:02

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;
}

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;

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

---------------
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

Reply

Comment ne pas voir un OPTION d'un SELECT ?

Sujets relatifs:

Leave a Replay