Discussion :

[shewy80]

Bonjour à tous.

Sur un petit site que je développe je suis en train de vouloir afficher la liste des villes possibles à partir d'un code postal.

En fait le code fonctionne parfaitement. Mais le SELECT affiché est invisible ! impossible de l'atteindre avec du Jquery, ni même lorsque je post le formulaire.

Pire lorsque j’essaie de mettre un simple "alert" en dur sur la balise select onchange rien ne se passe !

A l'écran le select est bien présent, là où il faut, rempli comme il faut et pourtant ailleurs....

j'en perds mon latin !

Merci par avance de votre aide


Quelques bouts de code pour vous aider à comprendre si toutes-fois je n'aurai pas été suffisamment clair.

1- l'utilisateur saisie le cp dans un input, puis clic sur un petit bouton

Code html :

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

1
2
3
4
5
6
(...)
<input type="text" id="cp" name="cp" value="<?=$cp;?>" />
<input type="button" value="ville?" id="btn_login" Onclick="getVille()" />
(...)
<div id="villeres"></div>  <!-- <- affiche select -->
(...)

ce qui lance ce script :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
   <script type="text/javascript">
      function getVille(){
        var obj = document.getElementById("cp");
        //alert(obj.value);
        $.post("./inscription/geonames.php", { cp: obj.value },
           function(data){
             document.getElementById('villeres').innerHTML = data;
           }
         );
        }
    </script>

La page geonames.php lance la requête sql et retourne un <select> rempli des villes ayant pour code postal celui reçu en param.

Code php :

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

1
2
3
4
5
6
7
8
9
10
(...)
 $elements = simplexml_load_file($xml);
 echo '<select id="villeselect" name="villeselect" >
         <option value="0"> Chosissez...</option>
         <option value="0"> - - - - - - - - - - - - - </option>'; 
 foreach ($elements->code as $e) {
      echo '<option value="' .$e->countryCode.$e->name.'">'.IsoToPays($e->countryCode).' - '.$e->name.'</option>';
            }
    echo '</select>';
(...)

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
9
10
      function getVille(){
        var obj = document.getElementById("cp");
        //alert(obj.value);
        $.post("./inscription/geonames.php", { cp: obj.value },
           function(data){
             document.getElementById('villeres').innerHTML = data;
             document.getElementById('villeselect').onchange = function(){alert(this.value);};
           }
         );
        }

[shewy80]

J'obtiens bien à l'écran un message.
Merci, je vais donc tenter maintenant d'écrire dans un input la valeur du select.
ça devrais donc fonctionner ..

Mais je n'ai pas compris, le pourquoi du comment.

je test la modif d'un input hidden et je reviens poster la réponse

[shewy80]

Bon bah tout fonctionne. Peux-tu stp m'expliquer ?
Merci de ton aide.

[Bovino]

Ben c'est simple : à chaque fois que tu appelles la fonction getVille(), tu crées un nouvel élément de type <select>, tant que tu n'auras pas définis de gestionnaire d'événement sur cet élément spécifique, tu ne pourras pas obtenir grand chose.