3 недели пытаюсь запустить код для выпадающего списка Страна-регион-город, чтобы при выборе страны загружались соответсвующие регионы, а потом города.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<div id="mainbox">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script src="js/jquery-ui-i18n.js" type="text/javascript"></script>
<script type="text/javascript">
function getList(type, obj) {
$('#loading_' + type).show();
$.post('city.php', {type: type, id: $('#'+obj).val()}, onAjaxSuccess);
function onAjaxSuccess(data) {
out = document.getElementById(type);
for (var i = out.length - 1; i >= 0; i--) {
out.options[i] = null;
}
eval(data);
$('#loading_' + type).hide();
}
}
</script>
<h1>Пример загрузки городов через AJAX</h1>
<div>страна</div>
<div>
<select name="country_id" id="country" onchange="getList('region', 'country')" style="width:300px;"> </select>
</div>
<div>регион</div>
<div style="display: none" id="loading_region"><img alt="" src="ajax_loader.gif" />Загрузка...</div>
<div>
<select name="region_id" id="region" onchange="getList('city', 'region')" style="width:300px;">
</select>
</div>
<div>город</div>
<div style="display: none" id="loading_city"><img alt="" src="ajax_loader.gif" />Загрузка...</div>
<div>
<select name="city_id" id="city" style="width:300px;">
</select>
</div>
</div>
</body>
</html>
Код, кстати, тоже.
DBSimple, вроде бы, стоит.
В апаче никаких ошибок.
При нажатии на выпадающий список "Страна" ничего не происходит.
