Discussion :

[Marmotton76]

Bonjour,
J'ai construit un form (POST) dans lequel j'ai (entre autres) un <input type="text" name="codepostal">
L'internaute y saisit donc un code postal de son choix.
Et juste après j'ai mis un <select name="choixville"> (qui est vide à l'ouverture du form) et dont les <option> seront issus dynamiquement d'une table MySQL contenant la liste des codes postaux et villes, càd qui n'affichera que la liste des villes dont le code postal correspond à celui qui a été saisi)
Ce que j'aimerais donc obtenir, c'est que le contenu de la liste déroulante "choixville" soit filtré instantanément après la saisie du code postal.
Mon pb n'est pas de générer cette liste dynamique, ça je sais faire, mais c'est un pb plutôt d'ordre "évènementiel" : est-ce possible de faire un "onclick" sur la liste déroulante (un peu comme l'évènement du même nom dans VBA) qui permettrait de récupérer la valeur du champ "codepostal" et ainsi me permettre de filtrer ma liste déroulante des villes en fonction de cette valeur ?
Je pense que la question cruciale est : peut-on récupérer le contenu d'un champ texte de form alors qu'il n'a pas encore été passé en paramètre ? (le bouton submit n'intervenant qu'après, lorsque l'internaute a fini de remplir l'ensemble des champs du form).
Voilà, j'espère que j'ai exprimé mon pb suffisamment clairement, en espérant qu'il existe une solution plus simple que d'imbriquer 2 forms.
Merci d'avance !

[helww]

L'ajax permet ces opérations , fait un tour dans les tutos de developpez.com tu trouvera :
http://nicolaspied.developpez.com/ajax-premiers-pas/
allez plus loin :
http://siddh.developpez.com/articles/ajax/


Résolu ?

[Broswendes]

Si j'ai bien compris, tu veux récupérer la valeur du champ code postal après son changement: Si c'est bien le cas tu peux utiliser l'évènement onchange pour récupérer la valeur via javascript

Code :

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

<input type="text" name="codepostal" onchange=getVille(this.value)>

Ensuite tu construit ta liste en javascript en fonction de la valeur.

[supergogol]

bonjour,
c'est très dur de capturer les événements sur les input[text]. Les navigateurs les interpretent très différement. De plus, si l'on utilise l'event onchange, dès que l'utilisateur tappe un chiffre cela recharge la page !
Plusieurs solutions s'offrent à toi:
un bouton pour rafraichir la page avec la liste par exemple:

Code :

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

1
2
 
<input type="button" onclick="document.localtion='<?php echo $_SERVER['PHP_SELF']; ?>?codepostal='+maform.moninputcodepostal.value" />

Tu peux aussi remplacer ton input[text] du code postal par un select.
L'idéal serait d'utiliser AJAX avec l'attribut onchange dans ton input[text] du codepostal. Cela permettrait de regénérer à la volée ta liste de villes.

Mais je pense que la meiileur façon de régler ton pb, c'est de faire une première liste déroulante sélection du département puis une deuxième selection de la ville en fonction de la première.

[helww]

Non , lui veut extraire les villes d'une base de donnée mysql , ce qui veut dire qu'il doit obligatoirement utiliser php , et pour faire ceci sans rafraichir la page il a besoin d'utiliser la technologie AJAX . .

[supergogol]

j'ai bien compris. mais il veut le faire à partir d'un code postal entré par l'utilisateur. AJAX est très bien dans ce cas là. Mais vu que le mieux est souvent de prendre l'utilisateur par la main, faire une première liste de sélection du département suffit à la place du code postal. Ce dernier comportant le numéro du département et de la ville, aucun intérêt de faire une liste de villes par la suite (un codepostal est unique à ce que je sache...) ! si j'ai bien compris !