Activer-désactiver une liste déroulante selon le bouton radio coché [Résolu]

Messages postés
15
Date d'inscription
mercredi 18 avril 2007
Statut
Membre
Dernière intervention
2 mai 2007
- - Dernière réponse : 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>
Afficher la suite 

Votre réponse

3 réponses

Meilleure réponse
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
26
3
Merci
Bonjour,
mettre le même name sur les input radio.
( pas testé le script donné )
<hr />


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



<hr />

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 144 internautes nous ont dit merci ce mois-ci

Commenter la réponse de cs_bultez
Messages postés
15
Date d'inscription
mercredi 18 avril 2007
Statut
Membre
Dernière intervention
2 mai 2007
0
Merci
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é
Commenter la réponse de jesscolor83
Messages postés
414
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
23 septembre 2014
0
Merci
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
Commenter la réponse de cs_ov3rdoze