wysyłanie żądania http z Ajax przy każdej zmianie pola wyboru
Hi Używam jquery do pobierania danych z mysql. Działa wspaniale, ale potrzebuję go, aby zaktualizować pole wyboru, gdy zmieniono inne pole wyboru. Oto, co mam dla jquery:
$("#airports").live('change',function()
{
var selectVal = $('#airports :selected').val();
alert(selectVal);
Send a http request with AJAX
$.ajax({
url: 'tras-hotels.php',
data: "n="+selectVal,
dataType: 'json',
success: function(data)
{
$.each(data, function(key,value){
$('#output').append("<option value='"+value.id+"'>"+value.hotel+"</option>");
});
}
});
});
To, co tutaj robię, to aktualizacja pola wyboru # wyjście za każdym razem, gdy zmieni się wybór #portów. Działa tylko przy pierwszej zmianie, a następnie nie robi tego ponownie. Ale po zmianie otrzymuję alert o poprawnej wartości. Oto moje wybrane pola:
<select name="airport" style="width: 220px;" id="airports">
<option selected="selected">[Escoge Aeropuerto]</option>
<?php
while($tra = mysql_fetch_array($getAirports)){
echo '<option value="'.$tra['taeropuerto_fklocacion'].'">'.$tra['taeropuerto_nombre'].'</option>';
}
?>
</select>
<label>Hotel</label>
<select name="hotel" id="output" style="width: 220px;">
</select>
Czy ktoś wie, dlaczego to nie działa? Czy istnieje rozwiązanie? Z góry dziękuję za wszelką pomoc.