Checkbox affiche une liste déroulante

Résolu/Fermé

nicotech2 Messages postés 4 Date d'inscription dimanche 28 novembre 2010 Statut Membre Dernière intervention 1 décembre 2010 - 28 nov. 2010 à 01:25
nicotech2 Messages postés 4 Date d'inscription dimanche 28 novembre 2010 Statut Membre Dernière intervention 1 décembre 2010 - 28 nov. 2010 à 14:38

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>

A voir également:

Checkbox affiche une liste déroulante
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Le fichier contient une liste de prénoms. triez ce tableau par ordre alphabétique des prénoms. quel mot est formé par les 6 premières lettres de la colonne code ? - Forum Bureautique
Supprimer liste déroulante excel ✓ - Forum Excel
Le clavier de mon telephone ne s'affiche plus - Guide

2 réponses

Réponse 1 / 2

__construct()
28 nov. 2010 à 13:39

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>

Réponse 2 / 2

nicotech2 Messages postés 4 Date d'inscription dimanche 28 novembre 2010 Statut Membre Dernière intervention 1 décembre 2010
28 nov. 2010 à 14:38

merci beaucoup ^^

Discussions similaires

programme qui n'affiche pas le mot secret

Suppression listes déroulantes

Accéder à la liste de numéros de téléphone en 07

Excel - liste déroulante qui ne déroule plus!

Annuaire inversé liste rouge

Discussions similaires

Newsletters