Начал осваивать технологию ajax, но наткнулся на проблему, которую не смог решить самостоятельно.
Итак 2 тега select, в одной нужно выбрать страну, в другой, исходя из выбранной страны, должны появляться города. Но когда я выбираю страну в городах ничего не появляется. В консоли никаких ошибок.
JQUERY:
$("select[name='country']").bind('change', function() {
$.post(
'check.php', {
country: $("select[name='country']").val()
},
function(data) {
data = JSON.parse(data);
$("select[name='city']").empty();
for (let id in data) {
$("select[name='city']").append($("<option value='" + id + "'> " + data[id] + " </option>"));
}
}
)
});
PHP:
<?php
if ($_POST["country"] == 1) {
echo json_encode(
array(
"1" => "Вашингтон",
"2" => "Сиетл"
)
);
} elseif ($_POST["country"] == 2) {
echo json_encode(
array(
"3" => "Париж",
"4" => "Марсель"
)
);
}
Простой
