Checkbox affiche une liste déroulante

cs_nicotech Messages postés 1 Date d'inscription mardi 12 décembre 2000 Statut Membre Dernière intervention 28 novembre 2010 - 28 nov. 2010 à 00:53
sansounaaa Messages postés 1 Date d'inscription mardi 7 juin 2011 Statut Membre Dernière intervention 7 juin 2011 - 7 juin 2011 à 16:51
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

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
28 nov. 2010 à 13:54
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)
0
sansounaaa Messages postés 1 Date d'inscription mardi 7 juin 2011 Statut Membre Dernière intervention 7 juin 2011
7 juin 2011 à 16:51
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>

0
Rejoignez-nous