Всем привет! Есть код на js и php (ajax изучаю), тут у меня задача по уроку JSON.
На странице есть два выпадающих списка "Страны" и "Города". Список страны: Россия и Украина. Список города: пустой. Во время выполнения скрипта в список города должны добавляться города (Москва и Питер при выборе Россия, Киев Одесса при выборе Украина).
Скрипт отказывается работать, открыл консоль js - там непонятная и неизвестная мне ошибка в файле jquery (файл который вы подключайте для работы самого jquery). Никак не могу исправить..
Надеюсь на помощь вот код
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Формат JSON</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("<select[name='country']></select>").bind("change", function() {
$.get("script_3.php", {country: $("<select[name='country']></select>").val()}, function (data) {
data = JSON.parse(data);
$("select[name='city']").empty();
for (var id in data)
$("<select[name='city']></select>").append($("<option value='" + id + "'>" + data[id] + "</option>"));
});
});
});
</script>
</head>
<body>
<label>Страна:</label>
<select name="country">
<option value="0" selected="selected"></option>
<option value="1">Россия</option>
<option value="2">Украина</option>
</select>
<br />
<label>Город:</label>
<select name="city">
<option value="0"></option>
</select>
</body>
</html>
А вот код php
<?php
if ($_GET["country"] == 1) echo json.encode(array("1" => "Москва", "2" => "Питер"));
elseif ($_GET["country"] == 2) echo json.encode(array("3" => "Киев", "4" => "Одесса"))
?>