Comment ecraser le contenu d'un select
Bonjour,
debutant en javascript, j'ai du re-ecrire le code d'une fonction que j'avais deja ecrite avec prototype pour la faire fonctionner avec jquery.
Ma page permet apres avoir tape le code postal, d'afficher dans une liste les villes correspondante a ce code postal.
Pour ca, j'effectue en ajax (jquery) une requete sur une base de donnees (en spip), et ajax bien gentiment me retourne le contenu du select sous la forme html :
Code:
1
2
3
| <option> ville1 </option>
<option> ville2 </option>
<option> ville3 </option> |
.......
Mais je n'arrive pas en javascript de remplacer le contenu du select precedent par ce nouveau code.
Ne peut-on pas le faire sans avoir a boucler sur chacun des elements de la liste?
Voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| function afficher_villes()
{
if (document.devis.code_postal.value.length == 5)
{
$.ajax({
type: "GET",
url: "spip2.php",
data: "page=villes&cp="+document.devis.code_postal.value,
dataType: "html",
success:function(data){
//affiche le contenu du fichier dans le conteneur dédié
$('#villes').text(data); :(
}
else
{
document.devis.ville.length = 1;
document.devis.ville.options[0].text = 'Taper un code postal !';
}
} |
La ligne qui pose probleme est en rouge, le contenu retourne par ajax en dans la variable data (ce contenu est bon, je l'ai verifie).
Merci de votre aide :P
