Sujet Précédent Sujet Suivant

Activer-désactiver une liste déroulante selon le bouton radio coché

Résolu
jesscolor83 Messages postés 15 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 2 mai 2007 - 2 mai 2007 à 13:01
cs_ov3rdoze Messages postés 414 Date d'inscription lundi 19 juillet 2004 Statut Membre Dernière intervention 23 septembre 2014 - 2 mai 2007 à 13:37
Bonjour,

en fait je veux que selon le bouton radio coché, je veux faire apparaitre une liste déroulante. Le problème est que dès que je coche le second bouton radio, l'autre bouton radio reste coché. Voici mon code:

<script language="Javascript">
function LockUnlockElements() {
if (document.getElementById("nbre_rev1").checked) {
document.getElementById("rev1").style.visibility="visible";
document.getElementById("rev2").style.visibility="hidden";
}
else {
document.getElementById("rev1").style.visibility="hidden";
document.getElementById("rev2").style.visibility="visible";
}
}
</script>

<html>
<form>

1 rev
2 rev

<select id="rev1" name="rev1"><option selected></option></select>
<select id="rev2" name="rev2"><option selected></option></select>
</form>
<html>

3 réponses

Réponse 1 / 3
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
2 mai 2007 à 13:07
Bonjour,
mettre le même name sur les input radio.
( pas testé le script donné )
<hr />


Cordialement            Bul     [mon Site]     [M'écrire]



<hr />
3
Réponse 2 / 3
jesscolor83 Messages postés 15 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 2 mai 2007
2 mai 2007 à 13:14
merci beaucoup.

par contre, quand on arrive sur la page, les 2 listes déroulantes sont visible malgré que le bouton radio nbre_rev1 soit coché
0
Réponse 3 / 3
cs_ov3rdoze Messages postés 414 Date d'inscription lundi 19 juillet 2004 Statut Membre Dernière intervention 23 septembre 2014
2 mai 2007 à 13:37
Bonjour

Le fait que le bouton radio nbre_rev1 soit coché quand on arrive sur la page n'exécute pas la fonction LockUnlockElements()  car elle n'est appelée que quand on clique sur le bouton. Il faut que tu force l'exécution au chargement :
 1 - en l'appellant dans un onload
 2 - ou bien en l'appellant dans ta déclaration de script :

1)
2 rev

2)
<script language="Javascript">
function LockUnlockElements() {
if (document.getElementById("nbre_rev1").checked) {
document.getElementById("rev1").style.visibility="visible";
document.getElementById("rev2").style.visibility="hidden";
}
else {
document.getElementById("rev1").style.visibility="hidden";
document.getElementById("rev2").style.visibility="visible";
}
}

LockUnlockElements();
</script>

Ou alors si c toujours la même liste qui doit être masquée au départ tu peux mettre
2 rev
0

Discussions similaires

Liste Déroulante Garder la saisie
Cocob84 -
Cocob84 -

23 réponses
liste déroulante avec selected
samk28 -
samk28 -

33 réponses
activer desactiver Port serie
cs_hastalavista -
topset22 -

5 réponses
liste déroulante à partir d'une base de données
romainstq -
cod57 -

7 réponses
afficher une liste déroulante en cliquant sur un input
lsamsoumal -
jperre -

2 réponses
Rejoignez-nous