Discussion :

[Vilfago]

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 :

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
<script language="JavaScript" type="text/JavaScript">
<!--
function changement()
{
   if (document.form1.options1.value == 0 )
{
      document.form1.text.value="Choisissez une option";
	  alert('Ca vaut 0');
 
}
else if (document.form1.options1.value == 1 )
{
	  alert('Ca vaut 1');
      document.form1.text.value="Bonjour,
 
Votre inscription a été refusé
 
Meilleures salutations";
}
else if (document.form1.options1.value == 2 )
{
	  alert('Ca vaut 2');
      document.form1.text.value="Bonjour,
 
Votre inscription a été accepté
 
Meilleures salutations";
}
//-->
</script>

********
mon formulaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mon select :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Bisûnûrs]

En PHP tu peux, mais en Javascript tu ne peux pas faire comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.form1.text.value="Bonjour,\n\nVotre inscription a été acceptée\n\nMeilleures salutations";

[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.

[Bisûnûrs]

Ben maintenant tu utilises ça : FAQ.

[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

[Bisûnûrs]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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().

[Matthieu2000]

il manque un }

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
<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>

[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 !