Как сделать так, чтобы второй список изменялся моментально, в зависимости от выбранного <option>
в первом?
Это файл, в котором выводятся списки:
<select id="country">
<option value="us">Америка</option>
<option value="ru">Россия</option>
</select>
<script>
var country = $("#country").val();
$.ajax({
type: 'GET',
url: 'city.php',
data: 'id='+country,
success: function(data) {
$('#city').html(data);
}
});
</script>
<select id="city">
</select>
Это city.php
:
<?php
$country= $_GET['id'];
$city=mysql_query("select id,name from $country ORDER BY id ASC ");
if ($course){
while($data=mysql_fetch_array($course))
{
echo '<option value="'.$data[0].'">'.$data[1].'</option>';
}
}
else{
echo '<option">Нет городов</option>';
}
?>
Выводится только первый, а при изменении <option>
ничего не происходит.