Checkbox affiche une liste déroulante

Résolu
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 

<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>

2 réponses

  1. __construct()
     
    Bonjour,
    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>
    0
  2. nicotech2 Messages postés 4 Statut Membre
     
    merci beaucoup ^^
    0

Discussions similaires

[EXEL] Comment créer une liste déroulante?
TORTULE -
Hermes -

3 réponses