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

jesscolor83 15 Messages postés mercredi 18 avril 2007Date d'inscription 2 mai 2007 Dernière intervention - 2 mai 2007 à 13:01 - Dernière réponse : cs_ov3rdoze 414 Messages postés lundi 19 juillet 2004Date d'inscription 23 septembre 2014 Dernière intervention
- 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
cs_bultez 13619 Messages postés jeudi 13 février 2003Date d'inscription 15 octobre 2013 Dernière intervention - 2 mai 2007 à 13:07
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 />

Merci cs_bultez 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 125 internautes ce mois-ci

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

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.