Checkbox affiche une liste déroulante
Résolu
nicotech2
Messages postés
4
Statut
Membre
-
nicotech2 Messages postés 4 Statut Membre -
nicotech2 Messages postés 4 Statut Membre -
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
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>
<input type="checkbox" id="coche" name="coche" onclick="LockUnlockElements()" />voiture <select id="modele" name="modele_voiture" style="visibility:hidden;"> <option>rouge</option> <option>bleu</option> </select>
A voir également:
- Checkbox affiche une liste déroulante
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Site dangereux liste - Guide
2 réponses
Bonjour,
Code Javascript :
Code formulaire :
Code Javascript :
<script type="text/javascript">
function LockUnlockElements(box, liste) {
if(document.getElementById(box).checked) {
document.getElementById(liste).style.visibility="visible";
} else {
document.getElementById(liste).style.visibility="hidden";
}
}
</script>
Code formulaire :
<form method="post" action="">
<p><input type="checkbox" id="Check_MV" name="coche" onclick="LockUnlockElements('Check_MV', 'MV')" /> modèle
<select id="MV" name="modele" style="visibility:hidden;">
<option value="">- modèle -</option>
<option value="cabriolet">cabriolet</option>
<option value="berline">berline</option>
<option value="break">break</option>
<option value="sport">sport</option>
</select></p>
<p><input type="checkbox" id="Check_COLOR" name="coche" onclick="LockUnlockElements('Check_COLOR', 'COLOR')" /> couleur
<select id="COLOR" name="couleur" style="visibility:hidden;">
<option value="">- couleur -</option>
<option value="rouge">rouge</option>
<option value="bleu">bleu</option>
<option value="noir">noir</option>
<option value="jaune">jaune</option>
</select></p>
<p><input type="submit" name="Send" value="TEST" /></p>
</form>
