Checkbox affiche une liste déroulante

Signaler
Messages postés
1
Date d'inscription
mardi 12 décembre 2000
Statut
Membre
Dernière intervention
28 novembre 2010
-
Messages postés
1
Date d'inscription
mardi 7 juin 2011
Statut
Membre
Dernière intervention
7 juin 2011
-
Bonjour/Bonsoir

je vous explique mon petit problème qui me prend la tête, j'ai plusieurs checkbox qui quand je les coches doivent chacune afficher leur propre liste déroulante.
J'ai réussi à trouver un script qui permet de réaliser mon souhait mais qui marche que pour une checkbox et je n'arrive pas à faire en sorte que chaque checkbox affiche leur propre liste déroulante si l'un de vous pourriez m'éclairais

<script type="text/javascript">

function LockUnlockElements() {
if (document.getElementById("coche").checked) {
document.getElementById("modele").style.visibility="visible";
}
else {
document.getElementById("modele").style.visibility="hidden";
}
}

</script>



*voiture

<select id="modele" name="modele_voiture" style="visibility:hidden;">
<option>rouge</option>
<option>bleu</option>
</select>

2 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
14
Bonjour,
il te faut passer en paramètre à la fonction les éléments à manipuler,
pour une information presque complète voir sur ce post, message #6.

;O)
Messages postés
1
Date d'inscription
mardi 7 juin 2011
Statut
Membre
Dernière intervention
7 juin 2011

c'est assez simple

<script type="text/javascript">

function LockUnlockElements() {
if (document.getElementById("coche").checked) {
document.getElementById("modele").style.visibility="visible";
}
else {
document.getElementById("modele").style.visibility="hidden";
}
}
function LockUnlockElements1() {
if (document.getElementById("coche1").checked) {
document.getElementById("modele1").style.visibility="visible";
}
else {
document.getElementById("modele1").style.visibility="hidden";
}
}
</script>
voiture
voiture1
<select id="modele" name="modele_voiture" style="visibility:hidden;">
<option>rouge</option>
<option>bleu</option>
</select>
<select id="modele1" name="modele_voiture" style="visibility:hidden;">
<option>rouge1</option>
<option>bleu1</option>
</select>