Здравствуйте.
Есть выпадающие списки, в которых второй список зависит от выбора первого, сделано на php
Помогите, пожалуйста, переделать его с использованием AJAX. Что бы второй список подгружался без перезагрузки страницы.
Заранее спасибо.
Есть выпадающие списки, в которых второй список зависит от выбора первого, сделано на php
PHP:
<form id="newFormAdv" action="#" method="post">
<table>
<tr><td><p>Выберите</p>
<select name="book" onChange="document.getElementById('newFormAdv').submit()">
<option value="0">Выберите книгу</option>
<?php
foreach(glob("1/*") as $key => $filename) {
$key++; // это для того чтобы массив нумеровался правильно
if(isset($_POST['book']) && $key == $_POST['book'])
{
$select = 'selected>';
$flag = basename($filename); // эта переменная содержит имя папки кторую пользователь выбрал
}
else
{ $select = '>'; }
echo '<option value="'.$key.'"'.$select.basename($filename).'</option>';
}
?>
</select></td></tr>
<?php if(isset($_POST['book']) && $_POST['book'] > 0) { ?>
<tr><td><p>Выберите категорию</p>
<select name="two" onChange="document.getElementById('newFormAdv').submit()">
<option value="0">Выберите раздел</option>
<?php
foreach(glob("1/{$flag}/*") as $key => $filename) {
$key++;
$select = $key == $_POST['two']?'selected>':'>';
echo '<option value="'.$key.'"'.$select.basename($filename).'</option>';
}
?>
</select></td></tr>
<?php } ?>
</table>
</form>
<?php
echo @$_POST['book'];
?>Заранее спасибо.
