Remplir automatiquement un formulaire suivant un choix d'une liste ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Remplir automatiquement un formulaire suivant un choix d'une liste ?

bigstyle

Salut,

est-il possible de choisir une option dans une liste déroulante et que suivant l'option choisie, les champs du formulaire se trouvant sur cette meme page sont mis à jour ?

Par exemple, j'aurai dans ma liste "papa","maman", "moi" avec en dessous un formulaire vide ayant les champs "Nom", "Prénom".

Si je choisis Papa dans ma liste, mon formulaire se met à jour en "Nom=Nom_Papa", "Prénom=Prénom_Papa" etc..

Merci de votre aide

Publicité

benjones

Dans ta balise select :
onChange="javascript:this.form.monchamps.value=this.form.monmenu.value;"

antho1983

va voir sur changeliste()

bigstyle

Désolé de faire mon noob mais je suis loin d'etre un pro en javascript alors si vous avez davantage d'infos n'hésitez pas.

Je vais chercher de mon coté avec ces différentes pistes

Merci

bigstyle

La fonction changeliste permet en effet d'agir sur le type d'évènements que je recherche mais hélas je n'arrive pas à trouver un exemple sur Internet me permettant modifier plusieurs champs d'un coup

Tous les exemples que je trouve ne modifient qu'un champ du formulaire. (exemple : http://www.espacejavascript.com/exemple.php?id=232 )

Vous auriez une idée pour m'orienter s'il vous plait ?
Merci

benjones

<select name="maliste"
onChange="javascript:this.form.monchamps.value=this.form.monmenu.value;
this.form.monchamps2.value=this.form.monmenu.value;">
<option>.... </option>
</select>

Dès que tu changera de choix dans ta liste déroulante, les champs monchamp et monchamps 2 prendront la valeur du choix...

Voila, c'est pas compliqué

benjones

<select name="monmenu", pas "maliste" dsl Faut au moins que mon exemple soit un minimum cohérant lol

benjones

Test ce script :

<html>
<body>

<form name="monform" action="submit.php" method="post">

<select name="maliste" onChange="javascript:this.form.monchamps.value=this.form.maliste.value;
this.form.monchamps2.value=this.form.maliste.value;">
<option name="coucou" value="coucou">coucou</option>
<option name="héhé" value="héhé">héhé</option>
<option name="haha" value="haha">haha</option>
<option name="hoho" value="hoho">hoho</option>
<option name="hihi" value="hihi">hihi</option>
</select>

<input name="monchamps">

<input name="monchamps2">

</form>

</body>
</html>

bigstyle

Salut benjones,

désolé pour mon retour un peu tardif mais j'étais deborded au taff

Merci beaucoup pour ton code c'est quasiment ce que je veux faire mais il y a encore un probleme.
En fait ton code remplit effectivement tous les champs de mon formulaire mais de manière identiques.

Ce que j'aurai souhaité, c'est qu'il me remplisse chaque champs séparemment.

Exemple, si je choisis "Papa" dans ma liste, les champs Nom et Prénom se rempliront en fonction de cela.

Je continue de chercher de mon coté!

Merci !

ponsfrilus

Code :

<form name="monform" action="submit.php" method="post">
<select name="maliste" onChange="javascript:this.form.monchamps.value=this.form.maliste.value;
this.form.monchamps2.value=this.form.maliste.value;">
<option name="nom1" value="coucou">coucou</option>
<option name="nom2" value="héhé">héhé</option>
<option name="nom3" value="haha">haha</option>
<option name="nom4" value="hoho">hoho</option>
<option name="nom5" value="hihi">hihi</option>
</select>
<input name="monchamps">
<input name="monchamps2">
</form>

Cool cet exemple, mais comment je fais si je veux mettre value->monchamps et name->monchamps2?

J'ai essayé qqch comme ça:

Code :

javascript:this.form.monchamps.value=this.form.maliste.value; this.form.monchamps2.value=this.form.maliste.option.name;

Mais ça marche pas....

Un coup de main qqn?

merci

Message édité par ponsfrilus le 13-06-2006 à 10:44:38

Publicité

ponsfrilus

Code :

<script type="text/javascript">
function setInputText()
{
var mylist=document.getElementById("myList" )
document.getElementById("txt" ).value=mylist.options[mylist.selectedIndex].text
document.getElementById("num" ).value=mylist.options[mylist.selectedIndex].value
document.getElementById("name" ).value=mylist.options[mylist.selectedIndex].label
}
</script>
<form>
Select option:
<select id="myList" onchange="setInputText()">
<option value="1" label="lab1">txt1</option>
<option value="2" label="lab2">txt2</option>
<option value="3" label="lab3">txt3</option>
</select>
<br />The text is: <input type="text" id="txt" size="20">
<br />The value is: <input type="text" id="num" size="20">
<br />The name is: <input type="text" id="name" size="20">
</form>

FORUM HardWare.fr

Programmation

HTML/CSS

Remplir automatiquement un formulaire suivant un choix d'une liste ?

Sujets relatifs
transfert des données d'un formulaire à BD	UPDATE : Vérif sur formulaire avant l'envoi
changer la couleur de fond d'une liste d'un répertoire..?	formulaire et action
formulaire avec cookie pour creer un fichier texte.....	Filtre sur formulaire et défilement avec des droits différents suivant
Afficher le contenu d'un tableau dans une liste deroulante	Enregistremt de fichier : choix du répertoire et du nom de fichier VBA
Probleme dans un formulaire
Plus de sujets relatifs à : Remplir automatiquement un formulaire suivant un choix d'une liste ?

Page générée en 0.073 secondes