ни как не могу сообразить как сделать выплывающие меню с помощью селекта, ajax и javascript.
написал код, в первом селекте выбираю, появляется второй селект но он пуст.
тут содержание первого селекта, при выборе раздела должен появится второй селект с под разделом.
<select size="1" name="country" onchange="javascript:selectRegion();" style="float:left;">
<option value="">Все разделы</option>
<optgroup label="Выберите раздел">
<?php
$result1 = mysql_query("select * from categories where pod_id='0'",$db);
if (!$result1)
{
echo "<p>Запрос из выборки базы данных не прошел. Напишите об этом администратору. <em><strong>Код ошибки:</strong></em></p>";
exit(mysql_error());
}
if (mysql_num_rows($result1) > 0){
$myrow1 = mysql_fetch_array($result1);
do
{
printf ("<option value='%s'>%s</option>",$myrow1["id"],$myrow1["title"]);
}
while ($myrow1 = mysql_fetch_array($result1));
}
else
{
echo "<p>Информация по запросу не может быть извлечина, в таблице нет записей!</p>";
exit();
}
?>
</optgroup>
</select>
<div name="selectDataRegion" style="float:left;"></div>
<script type="text/javascript">
function selectRegion(){
var cat_id = $('select[name="country"]').val();
if(!cat_id){
$('div[name="selectDataRegion"]').html('');
}else{
$.ajax({
type: "POST",
url: "include/ajax.base.php",
data: { action: 'showRegionForInsert', cat_id: cat_id },
cache: false,
success: function(responce){ $('div[name="selectDataRegion"]').html(responce); }
});
};
};
</script>
файл ajax.base.php
<?php
ini_set(default_charset,"UTF-8");
# include data base
require "bd.php";
switch ($_POST['action']){
case "showRegionForInsert":
echo '<select size="1" name="region" onchange="javascript:selectCity();">';
$result = mysql_query("SELECT * FROM categories WHERE cat_id=".$_POST['cat_id']." ORDER BY title ASC",$db);
foreach ($result as $numRow => $row) {
echo '<option value="'.$row['id'].'">'.$row['title'].'</option>';
};
echo '</select>';
break;
}
?>
что то сообразить не могу что да как.
заранее благодарю