Первый файл_________index.php:
<!DOCTYPE HTML> <html>
<head>
<meta charset='utf-8' />
<meta http-equiv="content-type" content="text/html" />
<title>зависимый выпадающий список</title>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='handler.js'></script>
</head>
<body>
<label for="year">Год
<select name="year" id="year">
<option value="">...</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
</select>
</label>
<label for="year">Марка
<select name='brand' id='brand'>
/* место для подгружаемого списка */
</select>
</body></html>
Второй файл_________select.php:
<?php
$year = $_POST['year'];
$connect = new mysqli("localhost", "user", "password", "db_name");
$table="year_$year";
/* Посылаем запрос серверу */
if ($result = mysqli_query($connect, "SELECT DISTINCT brand FROM $table ")) {
while($row = $result->fetch_array(MYSQL_ASSOC)) {
$myArray[] = $row;
}
echo $myArray;
//echo json_encode($myArray);
}
$result->close();
$mysqli->close();
Json в результате выглядит вот так
[{"brand":"Alfa Romeo"},{"brand":"Acura"},{"brand":"Alfa Romeo\r\n"},{"brand":"Audi"}]
Сразу вопрос откуда взялось Alfa Romeo\r\n
Третий файл_________handler.js:
$(document).ready(function(){
$('#year').change(function(){
var year = ($(this).val());// здесь определяю переменную по выбору
$.ajax({
type: "POST",
url: "select.php",
???? ____здесь не знаю что писать____?????
failure: function(errMsg) {
alert(errMsg);
}
});
});
});
Задача - определив выбор селекта отправить это значение в файл select.php ajax запросом.
Ну не получается у меня правильно сформировать этот ajax/
Как сгенерировать теги <option>и массив json сунуть по одному
Подскажите где 'золото зарыто', как его формировать.
Заранее Благодарствую!!!!
