Modification d'un textarea d'après un select

Version imprimable

Bonjour,

J'ai un formulaire nommé "form1" en method "post", dans ce dernier j'ai une liste déroulante nommé "option1" et un champ de texte nommé "text".

Je voudrais que lorsque l'utilisateur choisisse une option dans la liste déroulante, la valeur par défaut du champ de texte soit modifié en fonction. Le but est de donner un texte pour l'email, que l'administrateur puisse modifier.

Voici mon script :
Code:

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 <script language="JavaScript" type="text/JavaScript">  </script>
********
mon formulaire :

Code:

<form name="form1" id="form1" method="post" action="inscription.php">

mon select :
Code:

1 2 3 4 5 <select name="options1" id="options1" onChange="changement()"> <option value="0">Que désirez vous faire avec cette inscription ?</option> <option value="1">La refuser immédiatement</option> <option value="2">L'accepter maintenant</option> </select>
Mon textearea :

Code:

<textarea name="text" id="text" cols="45" rows="10"></textarea>

*******

Voilà, je crois que toutes les informations utiles sont là. Le site est en php (premier site que je fais en php), et c'est mon tout premier code en javascript. N'hésitez donc pas à reprendre à la base ;)

J'avais essayé avec getElementbyID et Selectedindex, ça n'avait pas marché non plus.
J'ai rajouté les alert pour voir si ma condition fonctionnait, ils ne s'affichent pas non plus... Je sèche complètement...

Merci d'avance pour vos réponses ! En espérant que vous me sauviez ;)

Vilfago

06/12/2006, 23h38
Bisûnûrs
En PHP tu peux, mais en Javascript tu ne peux pas faire comme ça :
Code:

1 2 3 4 5 document.form1.text.value="Bonjour, Votre inscription a été accepté Meilleures salutations";
:arrow:

Code:

document.form1.text.value="Bonjour,\n\nVotre inscription a été acceptée\n\nMeilleures salutations";
06/12/2006, 23h48
Vilfago

Merci, c'est corrigé.

Par contre, ce n'est malheureusement pas toute la solution, vu que l'alert ne fonctionnait pas, je dois avoir un problème dans ma condition.

D'ailleurs, même avec le texte formaté ainsi, ça ne marche toujours pas.
06/12/2006, 23h52
Bisûnûrs

Ben maintenant tu utilises ça : FAQ.
07/12/2006, 00h07
Vilfago

Je n'aime pas embêter sur les forums, donc j'avais déjà testé avant ;)

J'ai refait le test, en remplaçant
"document.form1.options1.value"

par (cc de la FAQ)
"document.getElementById('options1').selectedIndex",
"document.getElementById('options1').selectedIndex].value", ou
"document.getElementById('options1').options[document.getElementById('options1').selectedIndex].value"

ça ne marche toujours pas. Je ne sais pas si ça a un lien avec le fait que mon formulaire soit en method "post", puisque la fonction s'appelle getElementById.

Désolé d'embêter, et merci de m'aider :oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function changement(){
   if(document.getElementById('options1').options[document.getElementById('options1').selectedIndex].value == 0){
      document.getElementById('text').value="Choisissez une option";
      alert('Ca vaut 0');  
   }
   else if(document.getElementById('options1').options[document.getElementById('options1').selectedIndex].value == 1){
      alert('Ca vaut 1');
      document.getElementById('text').value="Bonjour,\n\nVotre inscription a été refusée\n\nMeilleures salutations";
   }
   else if(document.getElementById('options1').options[document.getElementById('options1').selectedIndex].value == 2){
      alert('Ca vaut 2');
      document.getElementById('text').value="Bonjour,\n\nVotre inscription a été acceptée\n\nMeilleures salutations";
   }
}

Code:

1
2
3
4
5
6
<select name="options1" id="options1" onChange="changement()">
   <option value="0">Que désirez vous faire avec cette inscription ?</option>
   <option value="1">La refuser immédiatement</option>
   <option value="2">L'accepter maintenant</option>
</select>
<textarea name="text" id="text" cols="45" rows="10"></textarea>

Tu avais oublié de fermer l'accolade de ta fonction ..

Reprends ce code, il fonctionne.

Et le fait que ton formulaire soit en POST n'a rien à voir avec la méthode getElementById().

il manque un }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script language="JavaScript" type="text/JavaScript">
<!--
function changement()
{
 
   if (document.form1.options1.selectedIndex == 0 )
	{
      document.form1.text.value="Choisissez une option";
	  alert('Ca vaut 0');	  
	} else if (document.form1.options1.selectedIndex == 1 )
	{
		alert('Ca vaut 1');
		document.form1.text.value="Bonjour,\nVotre inscription a été refusé\nMeilleures salutations";
	} else if (document.form1.options1.selectedIndex == 2 )
	{
		alert('Ca vaut 2');
		document.form1.text.value="Bonjour,\nVotre inscription a été accepté\n Meilleures salutations";
	}
}
//-->
</script>

07/12/2006, 17h27
Vilfago

Merci beaucoup pour votre patience, ça fonctionne.

Juste un petit détail si ça puit être utile à quelqu'un, il y avait un problème supplémentaire à la non fermeture de fonction. Je testais mes pages avec EasyPHP 1.8, et visiblement il n'aime pas le javascript.

En prenant la page directement ça fonctionne, par le serveur appache pas du tout.

Juste pour informer que par défaut ça fonctionne pas, je vais voir si je peux modifier quelque chose.

Encore merci, et bonne soirée !