Option liste déroulante affichant different champ

Signaler
Messages postés
4
Date d'inscription
mercredi 2 septembre 2009
Statut
Membre
Dernière intervention
20 septembre 2009
-
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
-
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

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



Logo Coeurs et Ange


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



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



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



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






Logo Colombes et Coeurs


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



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



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



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





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

1 réponse

Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
9
Bonjour,
pas sûr d'avoir compris, mais si cela se trouve
c'est style.display="none" et style.display="inline"
qu'il faudrait utiliser ?
Cordialement [mon Site] [M'écrire] Bul