Select invisible suite a son affichage en ajax/jquery
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:
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:
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:
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>';
(...) |
