Liste déroulante éditable : nouveau formulaire

[flora806]

Bonjour,

Je développe une appli en PHP (sous symfony). j'ai besoin de mettre en place une liste déroulante éditable qui permettrait d'afficher un formulaire de rajout d'un nouvel élément :

Par exemple :
ma liste déroulante (les Ids des produits existants):
-IdProduit1
-IdProduit2
-IdProduit3
-nouveau produit

C'est à dire en cliquant sur nouveau produit, je voudrais afficher un formulaire qui permet de saisir les différents champs correspondant à un produit (nom, ref, fournisseur...).

J'ai trouvé une solution sur un autre site, mais c'est pas vraiment adapté à mon cas.

Quelqu'un pourrait m'aider ?

Merci!!!

[ticroch]

oui il faut que tu ajoute un evenement onchange sur ton select.
Ensuite dans ta fonction tu dois vérifier si la valeur de ton select est celle de Ajouter un produit, et si c'est le cas, tu ton formulaire d'ajout de produit

[flora806]

comme je suis trèèès novice en Js, j'ai du mal à bien saisir.
comment je peux rajouter l'événement onchange sur le select si on prend l'exp du site:

Code :

1
2
3
4
5
6
7
8
9
10
11
 
<form action="javascript:ajouterPays();" method="post" name="paysForm">
			<fieldset>
				<select name="pays">
					<option value="de">Allemagne</option>
					<option value="fr">France</option>
				</select>
				<input type="text" name="paysChoix"/>
				<input type="submit" value="Ajouter"/>
			</fieldset>
		</form>

[ticroch]

tu écris comme ca :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<select name="pays" onChange="changePays(this)">
	<option value="de">Allemagne</option>
	<option value="fr">France</option>
	<option value="new">Nouveau Pays</option>
</select>
 
<script type="text/javascript">
	function changePays(element) {
		if (element.value == "new") {
			// On vient de cliquer sur nouveau pays
			// ... effectue ton traitement => affichage de ton nouveau formulaire
		}
	}
</script>