PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- <?PHP
- require_once('blocks/services_array.php'); // подключаем список с городами
- // возвращаем список городов
- if ($action == 'getCity')
- {
- {
- }
- else
- {
- }
- exit;
- }
- // выводим пришедшие данные
- if ($action == 'postResult')
- {
- exit;
- }
- ?>
- <!DOCTYPE html>
- <html>
- <head>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- CODE (javascript):
скопировать код в буфер обмена
- <script type="text/javascript">
- // <![CDATA[
- function loadCity(select)
- {
- var citySelect = $('select[name="city"]');
- citySelect.attr('disabled', 'disabled'); // делаем список городов не активным
- // послыаем AJAX запрос, который вернёт список городов для выбранной области
- $.getJSON('../services.php', {action:'getCity', region:select.value}, function(cityList){
- citySelect.html(''); // очищаем список городов
- // заполняем список городов новыми пришедшими данными
- $.each(cityList, function(i){
- citySelect.append('<option value="' + i + '">' + this + '</option>');
- });
- citySelect.removeAttr('disabled'); // делаем список городов активным
- });
- }
- // ]]>
- </script>
</head>
<body>
<form action="../block/services.php" method="post">
<select name="region" onchange="loadCity(this)">
<option></option>
<?PHP
// заполняем список областей
foreach ($city as $region => $cityList)
{
echo '<option value="' . $region . '">' . $region . '</option>' . "\n";
}
?>
</select>
<select name="city" disabled="disabled">
<option>Выберите область</option>
</select>
<input type="hidden" name="action" value="postResult" />
<input type="submit" value="отправить" />
</form>