Retour avec un select

Version imprimable

Bonjour, mon problème est simple, lorsque je séléctionne un département dans une liste déroulante, mon code ajax est sencé renvoyer le résultat dans un autre select avec un id.
Hors, il me renvoi bien le résultat qui est exacte mais pas dans le select... Il me le met avant la balise html...

pourtant voici mon code :

Code:

1
2
3
4
5
6
7
8
9
 
                            <select name="department" class="chosen" onchange="select_department(this.value);" required>
                                <option value="" disabled selected>Département</option>
								<?php $system->getDepartmentsSelect(); ?>
                            </select>
                            <br><br>
                            <select name="city" class="chosen" id="alls-city" required>
                                <option value="" disabled selected>Ville</option>
                            </select>

et le ajax :

Code:

1
2
3
4
5
6
function select_department(val){
	var citys = document.getElementById('alls-city');
	$.get('user_generator.php?departmentSel='+val, function(data) {
		citys.innerHTML=data;
	});
}

ou est le problème svp?

06/05/2017, 17h40
Invité
Bonjour,

à priori, tu utilises jQuery, alors utilise-le à fond :
Code:

1 2 3 4 5 6 function select_department(val){ $.get('user_generator.php?departmentSel='+val, function(data) { $('#alls-city').html( data ); }); }
Cela dit, tu ne dis pas ce que renvoie user_generator.php?departmentSel='+val : ce sont bien les <option> (et uniquement ça) ?

Mets un :

Code:

alert ( data );
06/05/2017, 19h59
anthodev35

merci pour ta réponse.

Oui mon alert(data); me renvoi bien toutes les options mais il me les mets avant la balise html... et non pas dans le select avec l'id alls-city

Personnelement je ne vois pas du tout d'ou vient le problème.

Quand je fais un alert($('alls-city')); il me renvoi object objecthtmlselect ... donc c'est bon... mais pas de données dans le select...