Option liste déroulante affichant different champ

Fl0uZz Messages postés 4 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 20 septembre 2009 - 4 sept. 2009 à 16:36
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 - 4 sept. 2009 à 16:49
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

Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
4 sept. 2009 à 16:49
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
0
Rejoignez-nous