2番目の選択ボックスの値をajaxで変更する選択ボックスを構築しようとしました。
まず、このエリアの CITIES よりも AREA を選択します。
私が間違っていることを教えてください。
クライアント側:
<script>
$(function () {
$("#first").change(function () {
$("#second").load('recs.php?area_id=' + $(this).val());
});
});
</script>
<form method="post" action="tosomewhere.php">
<select id="first" name="area_id">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="second" name="section"> </select>
</form>
サーバ側:
<?PHP
include "db.php"
$areaID = $_GET['area_id'];
$second_option = "";
$query2 = mysql_query("SELECT * FROM `cities` WHERE area_id = $areaID ORDER BY id ASC");
while($index = mysql_fetch_array($query2))
{
$id = $index['id'];
$name = $index['name'];
$second_option .= "<option value='$id'>$name</option>";
}
echo $second_option;
?>