Discussion :

[lenissart]

Bonjour,

Ayant besoin de listes liées pour un choix de région/département (qui ne proposerai donc que les départements de la région séléctionnée), j'ai trouvé un tutoriel.

J'ai choisi d'utiliser la méthode avec AJAX.

Aucun problème pour implanter ces scripts dans mon formulaire, mais une chose étrange qui me pose problème : impossible de récupérer la value du champ de département, bien que celui ci soit bien visible sur le formulaire. D'ailleurs, les modifications dues au choix d'une région ne sont pas visible sur le code source bien que la liste des département soit mise à jour sur le menu déroulant du formulaire.

Savez vous d'où vient ce problème ? Comment récupérer cette valeur du champ département ?

merci beaucoup !

[le_chomeur]

essaye de récupérer le code généré , ou alors de trouver une erreur javascript

sous firefox : une fois tes listes chargées a l'écran , fais une sélection du texte avant et après , puis click droit et code source de la sélection

ps : ne post pas tous les départements

[lenissart]

Code source avant sélection d'une région :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<tr>
        <td>Région <span class="text_orange">*</span></td>
 
        <td>
		<select name="region" id="region" onchange="getDepartements(this.value);">
      		<option value="">- - - Choisissez une région - - -</option><option value="1">Alsace</option><option value="2">Aquitaine</option><option value="3">Auvergne</option><option value="4">Basse Normandie</option><option value="5">Bourgogne</option><option value="6">Bretagne</option><option value="7">Centre</option><option value="8">Champagne Ardenne</option><option value="9">Corse</option><option value="10">Franche Comte</option><option value="11">Haute Normandie</option><option value="12">Ile de France</option><option value="13">Languedoc Roussillon</option><option value="14">Limousin</option><option value="15">Lorraine</option><option value="16">Midi-Pyrénées</option><option value="17">Nord Pas de Calais</option><option value="18">P.A.C.A</option><option value="19">Pays de la Loire</option><option value="20">Picardie</option><option value="21">Poitou Charente</option><option value="22">Rhone Alpes</option></select></td>
 
</tr>
<tr>
      <td>Département <span class="text_orange">*</span></td>
      <td><span id="blocDepartements"></span></td>
</tr>

Code source après choix d'une région :

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
 
<tr>
       <td>Région <span class="text_orange">*</span></td>
 
       <td>
		<select name="region" id="region" onchange="getDepartements(this.value);">
      		<option value="">- - - Choisissez une région - - -</option><option value="1">Alsace</option><option value="2">Aquitaine</option><option value="3">Auvergne</option><option value="4">Basse Normandie</option><option value="5">Bourgogne</option><option value="6">Bretagne</option><option value="7">Centre</option><option value="8">Champagne Ardenne</option><option value="9">Corse</option><option value="10">Franche Comte</option><option value="11">Haute Normandie</option><option value="12">Ile de France</option><option value="13">Languedoc Roussillon</option><option value="14">Limousin</option><option value="15">Lorraine</option><option value="16">Midi-Pyrénées</option><option value="17">Nord Pas de Calais</option><option value="18">P.A.C.A</option><option value="19">Pays de la Loire</option><option value="20">Picardie</option><option value="21">Poitou Charente</option><option value="22">Rhone Alpes</option></select></td>
 
</tr>
<tr>
       <td>Département <span class="text_orange">*</span></td>
       <td><span id="blocDepartements">
 
         <select name="departement" id="departement">
         <option value="19">Corrèze (19)</option>
         <option value="23">Creuse (23)</option>
         <option value="87">Haute Vienne (87)</option>
         </select></span></td>
</tr>

A prioris, c'est exactement ce que je voudrai obtenir, pourtant un $_POST["departement"] donne toujours un résultat vide ....

[le_chomeur]

il te faut créer ta liste par le dom et non pas via le innerHTML.

au moment ou tu récupères tes informations , remplit ta liste en dom , va lire cet article / post :

http://www.developpez.net/forums/d53...ynamique-form/

[lenissart]

Question bète ()
en quoi l'utilisation du dom va-t-elle changer quelque chose ? Celà ne me dit pas pourquoi ce code source à prioris bon n'est pas pris en compte.


Sinon, ton lien est quand même bien compliqué !
Je suppose qu'une utilisation beaucoup plus simple du dom pourrait être utilisée. En tout cas je ne sais pas par où commencer pour comprendre ce que je suis sencé modifier pour intégrer des appels au dom ici

[le_chomeur]

pour t'aider a comprendre , fais un test tout bète :

charge un simple champs text dans une div via ajax , post ton formulaire ...

Maintenant créer un champs text en dom , et post ton formulaire

pour ton cas il te suffira de récupérer un tableau sous forme de hash , genre :

{{"value":"valeur","text":"le département"}{"value":"valeur","text":"le département"}}

et de parser coté js pour créer tes options