[AJAX] fomulaire ajx recuperer plusieur valeur get

Bonjour,


Ce code me permet de recuperer une valeur d'un formulaure envoyé par get (val1) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

function getPseudo(val1) { creerRequete(); var url = 'index.php?val1='+ val1; requete.open('GET', url, true); requete.onreadystatechange = function() { if(requete.readyState == 4) { if(requete.status == 200) { alert(val1); } } }; requete.send(null); }

---

Et le formulaire :

Code:

---

1 2 3 4 5

<form action="<?php echo($_SERVER['PHP_SELF']); ?>" method="post"> <select name="pseudo" onchange="getPseudo(this.value)"> <option style='color:#663399' value="test">test</option> </select></form>

---

Ce script marche bien.
Quand je chois test dans le formulaire via la liste deroulante, j'ai bien l'alert via le script javascript avec la valeur du formulaire.

Maintenant, comment je pourrai pour ajouter une deuxieme valeur pour get ?
Voila a quoi resemblerai mon URL :

Code:

---

1 2	?val1=test&val2=test2

---

ta fonction à un seul paramètre pourquoi ne pas lui en mettre 2 ?

function getPseudo(val1,val2)

Oui sa c'est une chose,

Tout comme pour ici :

Code:

---

1 2	var url = 'index.php?val1='+ val1;

---

Pour deux parametre on doit faire ceci :

Code:

---

1 2	var url = 'index.php?val1='+ val1 + '&val2' + val2;

---

Mais ce n'est pas suffisant pour faire marcher le script encore.

J'attends de voir, comment faire avec le fomulaire.

Après moulte essaie, je parviens a faire quelque chose de fonctionnel, sauf avec ce code ou il ya deux while a l'intereur.

Voici le code du formulaire :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<form action="<?php echo($_SERVER['PHP_SELF']); ?>" method="post"> <select name="val1" onchange="getPseudo(this.value, val2.value)"> <?php   while (...) { ?> <option style='color:#663399' value="test">test</option> </select> <?php }   <?php    while (...)    {         ?> <input name="val2" type="hidden" value="test"/> <?php    }    ?> </form>

---

Le JS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function getPseudo(val1)   { creerRequete(); var url = 'index.php?val1='+ val1 + '&val2' + val2; requete.open('GET', url, true); requete.onreadystatechange = function() { if(requete.readyState == 4) { if(requete.status == 200) { alert(val2); } } }; requete.send(null); }

---

J'arrive a recuperer val1, par contre impossoble de recupere val2.


Je repete, j'ai creer un formulaire identique sans while, et tout marche.

Et la avec le while sa marche plus.

Si quelqu'un pouvais m'aider...

Il me semble que c'est pour les ancienne version de PHP.

Ma version actuelle ne me permet pas de faire cette syntaxe alternative.

Bien que cela semble compliqué, je pense qu'un solution simplisme existe.

Je viens de tester ce code, venant directement de php.net

Code:

---

1 2 3 4 5 6 7 8 9 10

<?php if ($a == 12):  echo "a is 12\n"; end if;   while (true):  echo "loop loop loop\n"; end while; ?>

---

L'erreur reçu est la suivante :

Code:

---

syntax error, unexpected T_IF in

---

Meme probleme.

Je t'assure ma version de php ne supporte pas le endwile car trop récente.

Quelqu'un aurai quelque chose a me proposer ?

Car sa ne doit vraiment pas être sorcier de faire passer 2 paramètre par get.

@zartan : rien à voir avec la syntaxe du while...

Sans le while, ça fonctionne (uniquement avec IE je présume) parce que tu n'as qu'un seul champ val2, donc IE parvient à déterminer que tu cherches à récupérer la valeur du champ de formulaire dont le name est val2, mais si tu ajoutes ta boucle while, tu crées plusieurs champs val2, donc là, même avec la meilleure volonté du monde, il est impossible de savoir lequel tu veux récupérer...
En fait techniquement, quand tu appelles val2, IE te renvoie un tableau d'objets HTML de type input, qui est bien évidemment impossible à transmettre avec AJAX.

Bovino :

Ce qui me semble bizarre, c'est que avec ce code sa fonctionne :

Code:

---

1 2 3 4 5 6 7

<form action="post"> <select name="test1" onchange="getTestForm(this.value, test2.value)"> <option value="vide">vide</option> <option value="test1">test</option> </select> <input type="text" name="test2" value="input" onchange="this.value" /> </form>

---

Et des que je met un while sa fonctionne plus.


Sinon, aurai tu une proposition de solution a mon probleme ?

Citation:

---

mais si tu ajoutes ta boucle while, tu crées plusieurs champs val2, donc là, même avec la meilleure volonté du monde, il est impossible de savoir lequel tu veux récupérer...
En fait techniquement, quand tu appelles val2, IE te renvoie un tableau d'objets HTML de type input, qui est bien évidemment impossible à transmettre avec AJAX.

---

Fais ce test :

Code:

---

<select name="test1" onchange="getTestForm(this.value, alert(test2)">

---

avec et sans ton while et tu devrais mieux comprendre...

Quant à

Code:

---

<input type="text" name="test2" value="input" onchange="this.value" />

---

J'avoue être un peu dépassé par l'intérêt du onclick :koi:

Comme sa sa marche pas :

Code:

---

<select name="test1" onchange="getTestForm(this.value, alert(test2))">

---

Et comme sa sa marche :

Code:

---

<select name="test1" onchange="getTestForm(this.value, alert(test2.value))">

---

Donc d'après ce que je vois. sa devrai fonctionner.

Le probleme reste donc comment regler le probleme du while.

Euh... là franchement, je ne vois plus comment t'expliquer que lorsque tu fais :

Code:

---

1 2 3 4 5 6 7 8

<?php while (...) { ?> <input name="val2" type="hidden" value="test"/> <?php } ?>

---

tu crées PLUSIEURS champs dont le name est "val2", ce qui implique que quand tu appelles

Code:

---

onchange="getTestForm(this.value, test2.value)"

---

(bien que ici, tu as transformé val2 en test2), test2 devient non plus un élément dont tu peux récupérer le value, mais une collection d'éléments HTML qui ne possède pas de propriété value, ce qui explique pourquoi ça fonctionne sans le while et pas avec le while.

D'autre part, j'attire ton attention que cette syntaxe ne fonctionne que avec IE !

J'ai compris.

Donc la solution serai de rajouter un parametre a mes option.
Dans le genre :

Code:

---

1 2	<select name="test1" val2="test" onchange="getTestForm(this.value, alert(test2))">

---

Sais tu comment je pourrai faire sa ?


Ou si tu as une meilleur idée...je suis preneur.

Problème résolue, en passant plusieurs para mettre dans un seul value.

Exemple :

Code:

---

1 2 3 4

<select name="jeux"> <option value="val1, val2"></option> </select>

---