Formulaire select : afficher/Masquer un autre formulaire en fonction du choix

**Pitufo** · 22/03/2008, 14h50

Bonjour � tous,
Etant d�butant en javascript et codant un peu en php, jaurais souhait� afficher un formulaire en fonction du choix du visiteur dans un formulaire de type select...
J'ai cherch� la r�ponse � ma question sur le net et je suis tomb� sur un script qui collait assez bien au mien.
En fait je voudrais, quand le visiteur selectionne "entreprise" afficher le "form_entreprise" � cot�.
En adaptant le script que j'ai trouv� au mien cela me donne ceci :
.....mais h�las le formulaire reste toujours cach�, meme lorsque je s�lectionne l'option "entreprise"...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<script language="JavaScript">
 
function affiche_entreprise() {
if (document.votre_activite.activite.options.value == "entreprise")
document.getElementById('form_entreprise').style.visibility = 'visible';
else
document.getElementById('form_entreprise').style.visibility = 'hidden';
}
</script>
 
</head>
 
<body>
 
<form name="votre_activite" action="" method="post">
 
<label><strong>Votre activité :</strong></label> <select name="activite" OnChange="affiche_entreprise();">
 
  <option name= value="particulier">Particulier</option>
  <option value="association">Association</option>
  <option value="entreprise">Entreprise</option>
                                                 </select>
    <br/>
</form>   
 
<span id="form_entreprise" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom :</strong></label> <input type="text" name="nom_entreprise"/><br/>
 
      <label><strong>Adresse :</strong></label> <input type="text" name="adresse_entreprise"/><br/>
 
     <label><strong>Code Postal :</strong></label> <input type="text" name="code_entreprise"/><br/>
 
     <label><strong>Ville :</strong></label> <input type="text" name="ville_entreprise"/><br/>
 
     <label><strong>Secteur d'activité :</strong></label> <input type="text" name="activite_entreprise"/><br/>
 
     <label><strong>Type de société :</strong></label> <select name="type_entreprise">
 
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
 
</form></span>
 
</select>
</form>
</body>
</html>

Voila, si quelqu'un a la solution � mon probl�me je suis preneur d'un petit coup de main.
Merci d'avance pour votre aide...

**Jumano** · 22/03/2008, 18h08

Bonjour,
Ton script fonctionne parfaitement chez moi, test� en local avec WAMP

**htr999** · 22/03/2008, 18h14

question de compatibilit�
il marche sous >= IE6 mais pas sous FFX
j'ai WAMP 5

a+

**Jumano** · 22/03/2008, 18h19

Autant pour moi je n'avais test� que sous IE

**Pitufo** · 22/03/2008, 18h25

Ah ok je l'ai test� en local wamp mais sous Firefox....
Quelqu'un saurait comment y rem�dier ou ce n'est pas possible...?

**htr999** · 22/03/2008, 18h25

c'est au niveau du test

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if (document.votre_activite.activite.options.value == "entreprise")

FFX ne comprend pas

document.votre_activite.activite.options.value

a+

**htr999** · 22/03/2008, 18h29

modif du test

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
if (document.votre_activite.activite.selectedIndex == 2)
...

le voici

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<script language="JavaScript">
 
function affiche_entreprise() {
if (document.votre_activite.activite.selectedIndex == 2)
document.getElementById('form_entreprise').style.visibility = 'visible';
else
document.getElementById('form_entreprise').style.visibility = 'hidden';
}
</script>
 
</head>
 
<body>
 
<form name="votre_activite" action="" method="post">
 
<label><strong>Votre activité :</strong></label> <select name="activite" OnChange="affiche_entreprise();">
 
  <option value="particulier">Particulier</option>
  <option value="association">Association</option>
  <option value="entreprise">Entreprise</option>
                                                 </select>
    <br/>
</form>   
 
<span id="form_entreprise" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom :</strong></label> <input type="text" name="nom_entreprise"/><br/>
 
      <label><strong>Adresse :</strong></label> <input type="text" name="adresse_entreprise"/><br/>
 
     <label><strong>Code Postal :</strong></label> <input type="text" name="code_entreprise"/><br/>
 
     <label><strong>Ville :</strong></label> <input type="text" name="ville_entreprise"/><br/>
 
     <label><strong>Secteur d'activité :</strong></label> <input type="text" name="activite_entreprise"/><br/>
 
     <label><strong>Type de société :</strong></label> <select name="type_entreprise">
 
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
 
</form></span>
 
</select>
</form>
</body>
</html>

a+

**Pitufo** · 22/03/2008, 18h35

Merci beaucoup ca marche parfaitement sous les 2 navigateurs maintenant...

**Pitufo** · 22/03/2008, 19h31

Apr�s r�flexion, j'ai quelques questions sur le code que m'a donn� htr999 :
Je tiens � pr�ciser qu'il marche parfaitement mais je voudrais comprendre le principe pour pouvoir faire la meme chose avec l'option "association"...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if (document.votre_activite.activite.selectedIndex == 2)

Pourquoi tu mets 2 dans la valeur "selectedIndex" ? L'option "entreprise" dans la liste est en effet en 3� position...Quelle valeur faudrait -il que je mette pour l'option "association"

Comment faire pour ajouter une autre fonction dans le Onchange, est-ce possible...?

Voila, merci pour votre aide...

PS: Cette fois ci je vous promet que ce sera la derniere...

**htr999** · 22/03/2008, 19h40

salut
cela d�pend des options que tu as mise dans ton select

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<select name="activite" OnChange="affiche_entreprise();">
 
  <option value="particulier">Particulier</option>
  <option value="association">Association</option>
  <option value="entreprise">Entreprise</option>
                                                 </select>

il y en a trois Particulier/Association/Entreprise

dans le test:
+ document correspond � ton document
+ document.votre_activite t'envoie le formulaire nomm� votre_activite avec attribut "name"
+ document.votre_activite.activite donne l'�l�ment SELECT de ton formulaire, nomm� ACTIVITE
+ document.votre_activite.activite.selectedIndex t'envoie l'�l�ment s�lectionn� dans ta liste des options (SELECT)

vu que tu as 3 �l�ments dans ton SELECT, "PARTICULIER" prend l'index 0 (une convention pour les langages C/Java/... pour le 1er �l�ment d'un tableau, une liste ...), "ASSOCIATION" prend 1 et "ENTREPRISE" prend 2

donc pour compl�ter tes tests, il suffit d'ajouter 2 IF-ELSE pour l'index 1 et 2

j'esp�re avoir �t� clair.

bon courage

PS. pour l'onChage, je vois pas ce que tu veux faire ?.?

**Pitufo** · 22/03/2008, 19h49

Merci htr999 pour ton aide...
J'ai recr�� une fonction "affiche_association" pour un nouveau test pour afficher son formulaire mais �a ne marche pas :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
function affiche_association() {
if (document.votre_activite.activite.selectedIndex == 1)
document.getElementById('form_association').style.visibility = 'visible';
else
document.getElementById('form_association').style.visibility = 'hidden';
}

Je pense que le pb vient du Onchange, lorsque je fais appel � ma fonction :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<select name="activite" OnChange="affiche_entreprise();" "affiche_association();">

J'ai essay� d'ajout� ma fonction � la suite mais je ne sais pas si c'est possible...

**htr999** · 22/03/2008, 19h59

les modif consistent en l'utilisation d'une seule fonction qui g�re l'affichage des formulaires.
ainsi sur l'�v�nement OnChage, on l'utilise pour affecter les changements.

par contre le code est assez mal con�u, car si on veut que FormEntreprise s'affiche, il va laisser un blanc �norme avant, � cause des SPAN Cach�.

--> recours possible � la construction dynamique de la page (avec innerHTML par exemple !.!)

le voici

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<script language="JavaScript">
 
function affiche_formulaire() {
// Particulier
if (document.votre_activite.activite.selectedIndex == 0)
document.getElementById('form_particulier').style.visibility = 'visible';
else
document.getElementById('form_particulier').style.visibility = 'hidden';
 
// Association
if (document.votre_activite.activite.selectedIndex == 1)
document.getElementById('form_association').style.visibility = 'visible';
else
document.getElementById('form_association').style.visibility = 'hidden';
 
// Entreprise
if (document.votre_activite.activite.selectedIndex == 2)
document.getElementById('form_entreprise').style.visibility = 'visible';
else
document.getElementById('form_entreprise').style.visibility = 'hidden';
}
</script>
 
</head>
 
<body>
 
<form name="votre_activite" action="" method="post">
 
<label><strong>Votre activité :</strong></label> <select name="activite" OnChange="affiche_formulaire();">
 
  <option value="particulier">Particulier</option>
  <option value="association">Association</option>
  <option value="entreprise">Entreprise</option>
                                                 </select>
    <br/>
</form>   
 
 
  <!-- Particulier -->
<span id="form_particulier" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom particulier:</strong></label> <input type="text" name="nom_particulier"/><br/>
 
      <label><strong>Adresse particulier:</strong></label> <input type="text" name="adresse_particulier"/><br/>
 
     <label><strong>Code Postal particulier:</strong></label> <input type="text" name="code_particulier"/><br/>
 
     <label><strong>Ville particulier:</strong></label> <input type="text" name="ville_particulier"/><br/>
 
     <label><strong>Secteur d'activité particulier:</strong></label> <input type="text" name="activite_particulier"/><br/>
 
     <label><strong>Type de société particulier:</strong></label> <select name="type_particulier">
 
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
 
</form></span>
 
 
 
  <!-- Association -->
<span id="form_association" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom assoc:</strong></label> <input type="text" name="nom_association"/><br/>
 
      <label><strong>Adresse assoc:</strong></label> <input type="text" name="adresse_association"/><br/>
 
     <label><strong>Code Postal assoc:</strong></label> <input type="text" name="code_association"/><br/>
 
     <label><strong>Ville assoc:</strong></label> <input type="text" name="ville_association"/><br/>
 
     <label><strong>Secteur d'activité assoc:</strong></label> <input type="text" name="activite_association"/><br/>
 
     <label><strong>Type de société assoc:</strong></label> <select name="type_association">
 
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
 
</form></span>
 
 
 <!-- Entreprise -->
<span id="form_entreprise" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom :</strong></label> <input type="text" name="nom_entreprise"/><br/>
 
      <label><strong>Adresse :</strong></label> <input type="text" name="adresse_entreprise"/><br/>
 
     <label><strong>Code Postal :</strong></label> <input type="text" name="code_entreprise"/><br/>
 
     <label><strong>Ville :</strong></label> <input type="text" name="ville_entreprise"/><br/>
 
     <label><strong>Secteur d'activité :</strong></label> <input type="text" name="activite_entreprise"/><br/>
 
     <label><strong>Type de société :</strong></label> <select name="type_entreprise">
 
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
 
</form></span>
 
</select>
</form>
</body>
</html>

**Pitufo** · 22/03/2008, 20h13

Ah bah ouais je n'y avais pas pens�...
Merci beaucoup de ton aide pr�cieuse

^^

**debutantasp** · 23/03/2008, 00h49

Salut,
Au premier chargement de la page l'�l�ment afficher dans la liste sera "Particulier" mais son formulaire ne va pas s'afficher, pour l'afficher mets �a dans la balise body <body onload="affiche_formulaire()"> sinon tu laisses le premier �l�ment de la liste vide ou bien tu mets un titre du genre "selectionner une activit�" mais dans ce cas la du dois faire des modifications sur ta fonction.
A+

**Jumano** · 23/03/2008, 08h30

Bonjour,
Si le fait de rafraichir ta page ne pause pas de probl�me tu peux utiliser une alternative en PHP :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
<form name="votre_activite" action="" method="get">
<label><strong>Votre activité :</strong></label>
<select name="activite" OnChange="form.submit();">
  <option value="" <?php if (!(strcmp("", $_GET['activite']))) {echo "selected=\"selected\"";} ?>>Sélectionnez une activité</option>
  <option value="particulier" <?php if (!(strcmp("particulier", $_GET['activite']))) {echo "selected=\"selected\"";} ?>>Particulier</option>
  <option value="association" <?php if (!(strcmp("association", $_GET['activite']))) {echo "selected=\"selected\"";} ?>>Association</option>
  <option value="entreprise" <?php if (!(strcmp("entreprise", $_GET['activite']))) {echo "selected=\"selected\"";} ?>>Entreprise</option>
</select>
</form> 
 
 
<?php if($_GET['activite'] == "particulier") { ?>
<form method="post" action="">
     <label><strong>Nom particulier:</strong></label> <input type="text" name="nom_particulier"/><br/>
     <label><strong>Adresse particulier:</strong></label> <input type="text" name="adresse_particulier"/><br/>
     <label><strong>Code Postal particulier:</strong></label> <input type="text" name="code_particulier"/><br/>
     <label><strong>Ville particulier:</strong></label> <input type="text" name="ville_particulier"/><br/>
     <label><strong>Secteur d'activité particulier:</strong></label> <input type="text" name="activite_particulier"/><br/>
     <label><strong>Type de société particulier:</strong></label> <select name="type_particulier">
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
</form>
<?php } ?> 
 
<?php if($_GET['activite'] == "association") { ?>
<form method="post" action="">
     <label><strong>Nom assoc:</strong></label> <input type="text" name="nom_association"/><br/>
     <label><strong>Adresse assoc:</strong></label> <input type="text" name="adresse_association"/><br/>
     <label><strong>Code Postal assoc:</strong></label> <input type="text" name="code_association"/><br/>
     <label><strong>Ville assoc:</strong></label> <input type="text" name="ville_association"/><br/>
     <label><strong>Secteur d'activité assoc:</strong></label> <input type="text" name="activite_association"/><br/>
     <label><strong>Type de société assoc:</strong></label> <select name="type_association">
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
</form>
<?php } ?> 
 
<?php if($_GET['activite'] == "entreprise") { ?>
<form method="post" action="">
     <label><strong>Nom :</strong></label> <input type="text" name="nom_entreprise"/><br/>
     <label><strong>Adresse :</strong></label> <input type="text" name="adresse_entreprise"/><br/>
     <label><strong>Code Postal :</strong></label> <input type="text" name="code_entreprise"/><br/>
     <label><strong>Ville :</strong></label> <input type="text" name="ville_entreprise"/><br/>
     <label><strong>Secteur d'activité :</strong></label> <input type="text" name="activite_entreprise"/><br/>
     <label><strong>Type de société :</strong></label> <select name="type_entreprise">
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
     </select>
</form>
<?php } ?>
</body>
</html>

**htr999** · 23/03/2008, 11h02

Envoy� par debutantasp

Salut,
Au premier chargement de la page l'�l�ment afficher dans la liste sera "Particulier" mais son formulaire ne va pas s'afficher, pour l'afficher mets �a dans la balise body <body onload="affiche_formulaire()"> sinon tu laisses le premier �l�ment de la liste vide ou bien tu mets un titre du genre "selectionner une activit�" mais dans ce cas la du dois faire des modifications sur ta fonction.
A+

salut
une simple modification au niveau de formulaire pour PARTICULIER fera affaire, pas besoin de chargement de la page ?.?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<!-- Particulier -->
<span id="form_particulier" style="visibility:visible">

a+

**Jumano** · 23/03/2008, 11h24

La solution que j'indique en PHP est une alternative du probl�me d'affichage des formulaires avec les blancs d� aux spans cach�s comme tu l'as indiqu� ... et malheuresement cela entraine le rafraichissement de la page.

**htr999** · 23/03/2008, 13h14

c'est consid�rable, mais je pr�f�rerais utiliser innerHTML ou la construction dynamique.
sinon le dernier post est adress� � debutantasp pour le probl�me d'affichage du formulaire PARTICULIER au d�marrage.

A+

**Pitufo** · 23/03/2008, 16h45

Oula merci beaucoup de vous donner tout ce mal pour mon petit probl�me mais en fait il n'y en a pas car je ne veux pas faire de formulaire a part pour l'option "particulier" donc il n'y a pas de soucis...

En r�alit� j'ai en fait un autre petit quelque chose qui me tracasse depuis ce matin...
Dans les formulaires sp�cifiques "form_association" et "form_entreprise" je demande les types et j'en propose 3 dans un select...+ une otpion "autre"...
Seulement mon ultime souhait serait d'afficher un "input, text" � cot� si le visiteur s�lectionne "autre"...

Voila j'ai essay� pas mal de trucs(mais �videmment �a ne marche pas

).J'ai essay� de cr�er une autre fonction "affiche_autre", de mettre mes 2 "If/else" dans la meme fonction "affiche formulaire" sans succ�s...Je me demande aussi si il ne faudrait pas verifier si le visiteur a auparavant choisi les options "entreprise" ou "association"...

Voila donc je vous met une de ces versions de mon code ici, si quelqu'un trouve mon erreur je suis encore preneur

...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<script language="JavaScript">
 
function affiche_formulaire() {
 
// Association
if (document.votre_activite.activite.selectedIndex == 1)
document.getElementById('form_association').style.visibility = 'visible';
else
document.getElementById('form_association').style.visibility = 'hidden';
 
// Entreprise
if (document.votre_activite.activite.selectedIndex == 2)
document.getElementById('form_entreprise').style.visibility = 'visible';
else
document.getElementById('form_entreprise').style.visibility = 'hidden';
}
 
function affiche_autre() {
 
if (document.form_entreprise.type_entreprise.selectedIndex == 3)
document.getElementById('autre_entreprise').style.visibility = 'visible';
else
document.getElementById('autre_entreprise').style.visibility = 'hidden';
 
if (document.form_association.type_association.selectedIndex == 2)
document.getElementById('autre_association').style.visibility = 'visible';
else
document.getElementById('autre_association').style.visibility = 'hidden';
}
 
</script>
 
</head>
 
<body>
 
<form name="votre_activite" action="" method="post">
 
<label><strong>Votre activité :</strong></label> <select name="activite" OnChange="affiche_formulaire();">
 
  <option name= value="particulier">Particulier</option>
  <option value="association">Association</option>
  <option value="entreprise">Entreprise</option>
                                                 </select>
    <br/>
</form>
 
<div id="form_entreprise" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom :</strong></label> <input type="text" name="nom_entreprise"/><br/>
 
      <label><strong>Adresse :</strong></label> <input type="text" name="adresse_entreprise"/><br/>
 
     <label><strong>Code Postal :</strong></label> <input type="text" name="code_entreprise"/><br/>
 
     <label><strong>Ville :</strong></label> <input type="text" name="ville_entreprise"/><br/>
 
     <label><strong>Secteur d'activité :</strong></label> <input type="text" name="activite_entreprise"/><br/>
 
     <label><strong>Type de société :</strong></label> <select name="type_entreprise" OnChange="affiche_autre();">
 
        <option value="pme">P.M.E</option>
        <option value="sa">S.A</option>
        <option name="sarl">S.A.R.L</option>
        <option name="autre">Autre</option>
     </select>
 
     <div id="autre_entreprise" style="visibility:hidden>"<label><strong>Indiquez le type de votre société :</strong></label> <input type="text" name="autre_type_entreprise">
     </div>
</form>
</div>
 
<div id="form_association" style="visibility:hidden">
 
     <form method="post" action="">
 
      <label><strong>Nom :</strong></label> <input type="text" name="nom_association"/><br/>
 
      <label><strong>Type d'association</strong></label> <select name="type_association" OnChange="affiche_autre();">
 
      <option value="sportive">Sportive</option>
        <option value="politique">Politique</option>
        <option name="autre">Autre</option>
     </select>
     <div id="autre_association" style="visibility:hidden"><label><strong>Indiquez le type de votre association :</strong></label> <input type="text" name="autre_type_association"> 
     </div>
 
      <br/>
 
      <label><strong>But, Activité</strong></label> <input type="text" name="activite_association"/><br/>
 
    </form>
 
</div>
 
</body>
</html>

Le probl�me doit bel et bien venir de ma fonction car le formulaire est bien cach� mais le reste aussi lorsque je s�lectionne l'option "autre"....

Voila, merci d'avance

**debutantasp** · 23/03/2008, 18h06

Salut,
D�j� je ne vois pas l'utilit� de mettre un formulaire pour chaque activit�, parce que les champs sont les m�mes dans chaque activit�. Alors tu mets juste un seul formulaire mais au lieu d'�crire Nom Particulier ou bien Nom assoc tu mets juste Nom et tu fais pareil pour les autres, et tu r�cup�re l'activit� qui est marqu�e sur la liste pour les diff�rencier.

Formulaire select : afficher/Masquer un autre formulaire en fonction du choix

JavaScript

Discussions similaires

Partager

Partager