[PHP-JS] Récupération de champs après onchange [Résolu]

[didi]

Bonjour tout le monde
j'ai un formulaire avec 2 champs : un champ de type texte et un autre de type liste déroulante, et je voudrais que dès que je sélectionne une valeur sur la liste

Code :

1
2
3
4
5
6
7
8
9
10
11
<form method="POST"   name="FormApp">
		<table border="1" width="" height="" cellspacing=2 cellpadding=4 align="center">
		<tr>
				<th colspan=4 bgcolor="#bbccee">NOUVEAU APPAREIL</th>
   		</tr>
 
   		<tr>
				<td bgcolor="#3376B4">Numéro de Série :</td>
				<td bgcolor=""><input type="text" name="numserie"  size="15" ></td>
				<td bgcolor="#3376B4">Type Appareil :</td>
				<td bgcolor=""><select size="1" name="typeApp" onChange = "choixForm();">

récupérer les champs numserie et typeApp avec la page choisie selon ma fonction choixForm()

[julien.63]

salut,
je ne sais pas trop si tu veux récupérer en javascript ou en php.
Si tu veux soumettre ton formulaire sur le onchange tu peux faire ça:

Code :

<td bgcolor=""><select size="1" name="typeApp" onChange = "choixForm(this.form);">

et la fonction choixForm

Code :

1
2
3
function choixForm(f){
      f.submit();
}

[didi]

je voudrais en fait soumettre en php
voici ma fonction javascript

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
<script language="javascript">
			function choixForm()
			{
				if(document.FormApp.numserie.value != '')
					{
						var id = document.FormApp.typeApp.value;
						switch(id)
						{
							case '1':
								document.FormApp.submit();
								document.location.replace('form_ordi.php');
								break;
							case '2':
								document.location.replace('form_appareil.php');
							default :
								alert("coucou");
							 	break;
						}	 	
 
					}
 
					else
						{
							alert("Le champ numero de serie ne peut etre vide !");
							document.FormApp.numserie.focus();
						}
			}

et selon la valeur du select acceder a la page correspondante avec les valeurs de numserie et typeApp saisies dans le formulaire precedent

[julien.63]

salut,
tu ne dis pas ce qui ne vas pas dans ta fonction?
Est ce qu'elle fonctionne ?
Si non, est ce que tu as une message d'erreur?

Sinon pour soumettre à une url différente selon le choix du select, ceci devrait fonctionner :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
...
var f = document.FormApp;
var id = f.typeApp.value;
 
switch(id)
{
	case '1':
		f.action = 'form_ordi.php';
		break;
	case '2':
		f.action = 'form_appareil.php';
		break;
	default :
		f.action = '';
		break;
}
f.submit(); 
...

[didi]

Envoyé par julien.63

salut,
tu ne dis pas ce qui ne vas pas dans ta fonction?
Est ce qu'elle fonctionne ?
Si non, est ce que tu as une message d'erreur?

Sinon pour soumettre à une url différente selon le choix du select, ceci devrait fonctionner :

Code :

Merci beaucoup pour ton aide, ca marche !

[hich21]

salut
j'explique mon probleme:
j'ai des zones de saisie avec 3 liste deroulante.
l'utilisateur devrait saisir selon 3 parametres(direction,année et mois)des données dans une base postgresql.
actuellement , j'envoi les parametres dans une autre page pour traitement grace à submit(si les données ont été deja saisies , je les affiche dans les inputs sinon ils seront sauvegardé dans la base).l'inconveniant c'est que aprés la saisie de plusieurs données on s'appercoit par ex qu'il existe déja des données correspondant aux parametres qu'on a choisi.

ce que je voudrait: dés que je choisi les 3 options dans les listes deroulantes il y'a affichage direct des données dans les input ainsi il n'y aurait pas de saisi inutile.
plus précisement comment envoyer les valeurs des listes deroulantes comme variables vers la page de traitement avec ( onchange).???? vu que je n'ai pas une grande maitrise en javascript.
toute aide sera la bienvenue.
MERCI D'AVANCE

[julien.63]

salut,
il s'agit d'un nouveau sujet, il serait donc mieux que tu ouvres un nouveau post.
une piste tout de même, va voir du coté d'ajax.