Liste déroulante pour accéder à la suite

Mélanie -  
Dalida Messages postés 7114 Statut Contributeur -
Bonjour,

Je souhaiterais réaliser un formulaire d'insertion.
Quand on arrive sur la page pour remplir le formulaire, seul une liste déroulante est présente. (select)
Lorsque que l'on choisi un nom, la suite du formulaire apparait pour ce nom.
Exemple : si l'uitilisateur clique nom1 alors 3 champs à remplir apparaissent en dessous.
si l'utilisateur clique nom2 alors 3 autres types de champs à remplir apparaissent en dessous.
...

Comment réaliser ceci ?

Merci
A voir également:

2 réponses

Aki17
 
Vous pouvez utiliser le javascript il gère super bien ceci
1
Mélanie
 
Je peux mettre du php avec du javascript pour faire ceci ?
0
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

oui bien sûr ton scrip php peut renvoyer indifféremment html ou js, il suffit de le baliser correctement.
0
Mélanie
 
J'ai trouver une technique html très simple mais le problème est que cela ne fonctionne pas sous IE.
Dans head :

function ajouter(nom_page)
{
parent.window.location=nom_page;
}

Dans body :

<select name="menu" id="menu">
<option value="presentation" onClick ="ajouter('sous_menu_p.html')">Présentation</option>
<option value="mairie" onClick="ajouter('sous_menu_m.php')">Mairie</option>

on ne peut pas cliquer sous ie, que dois je utiliser ?
0
Dalida Messages postés 7114 Statut Contributeur 923 > Mélanie
 
re,

ta technique html c'est du javascript...
tu as pensé à encadrer la fonction dans le <head> ???
<script language="javascript">[...]</script>
0
Mélanie > Mélanie
 
oui je l'ai encadrer.
C'est pas ca le probleme. Le truc c'est qu'il faut une alternative à onClick qui marche sous ie
0
Dalida Messages postés 7114 Statut Contributeur 923 > Mélanie
 
pour une fois je ne râlerai pas après IE car je ne trouve pas cela logique de gérer 'onClick' sur <option>. j'ai essayé de gérer 'onChange' sur <select> je trouve ça plus propre et en plus ça marche !!!
<select name="menu" id="menu" onChange="parent.window.location=this.value">
	<option value="https://www.commentcamarche.net/">CCM</option>
	<option value="https://forums.commentcamarche.net/forum/">CCM [Forum]</option>
</select>

aperçu

je te remercie car c'était pour moi l'occasion de coder mon premier script en javascript...
0