Bonjour tous le monde,
voila mon probléme je crée en ce moment un formulaire et j'aurait besoin de votre aide car je voudrait que suivant l'option dans la liste déroulante choisi que ça affiche différent champ
j'y été presque lorsque je me suis rendu compte que les champ cacher s'afficher en dessous du précedent comme si c'était écrit normalement du coup il n'y a aucun intéret j'ai chercher sur google ... sans résultat je men remet donc a vous pour maider ^^
voila mon code
Code HTML :
<select id="Logo" name="Logo" onclick="document.getElementById('LCA').style.visibility = (this.value == 'LCA')? 'visible':'hidden';"
onchange="document.getElementById('LCC').style.visibility = (this.value == 'LCC')? 'visible':'hidden';">
<option value="LCA" selected="selected">Logo Coeurs et Ange</option>
<option value="LCC">Logo Colombes et Coeurs</option>
<option value="LCC2">Logo Colombes et Cloches</option>
<option value="LCA2">Logo Colombes et Alliances</option>
<option value="LCA3">Logo Coeurs et Alliances</option>
</select>
<div id="LCA">
Logo Coeurs et Ange<br/>
<p>
<label for="Coeurs">Coeurs : </label>
<select name="Coeurs" id="Coeurs">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
<p>
<label for="Prenoms">Prenoms : </label>
<select name="Prenoms" id="Prenoms">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
<p>
<label for="Ange">Ange : </label>
<select name="Ange" id="Ange">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
<p>
<label for="Staff">STAFF (si logo dos STAFF) : </label>
<select name="Staff" id="Staff">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
</div>
<div id="LC">
Logo Colombes et Coeurs<br/>
<p>
<label for="Coeurs">Coeurs : </label>
<select name="Coeurs" id="Coeurs">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
<p>
<label for="Prenoms">Prenoms : </label>
<select name="Prenoms" id="Prenoms">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
<p>
<label for="Colombes">Colombes: </label>
<select name="Colombes" id="Colombes">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
<p>
<label for="Staff">STAFF (si logo dos STAFF) : </label>
<select name="Staff" id="Staff">
<option></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option></select>
</p>
</div>merci d'avance
PS : si vous trouver des erreur oudes chose qui pourrait le faire fonctionner mieux allez y
et dsl si je ne suis pas dans le bon théme ^^