PHP と javascript/ajax を使用して SQL データベースから入力する 3 つのドロップダウン リストがあります。最初のリストは入力されたオプションで始まり、2 番目のリストは選択内容に応じてデータベースから入力されます。これはすべて正常に機能し、PHP から 2 番目のリスト全体をエコーします。問題は次のとおりです。別の「onchange」機能を繰り返すための 2 番目のドロップダウン ボックスを取得できません。運が悪いので、多くの組み合わせを試しました。2 番目の javasript 関数はどこに属しますか? htmlまたはphpで?どんな助けでも大歓迎です。
最初の JavaScript 関数を含む html
<html>
<head>
<title>Insert Test</title>
<script>
function getdate(str){
if (str==""){
document.getElementById("dateinput").innerHTML="";
return;
}
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("dateinput").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","test.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form id="book" name="book" action="unfinished.php" method="post">
<p align="center">
<select name="cityinput" id="cityinput" onchange="getdate(this.value)">
<option value="0" selected>City</option>
<option value="1">Brisbane</option>
<option value="2">Sydney</option>
<option value="3">Melbourne</option>
<option value="4">Adelaide</option>
<option value="5">Perth</option>
</select>
</p>
<div id="dateinput"></div>
<p align="center">
<input type="submit">
</form></p>
</body>
</html>
phpファイル
<?php
require'connect.php';
date_default_timezone_set('Australia/Sydney');
$q=$_GET["q"];
$sql="SELECT date AS date FROM schedule WHERE lounge = '".$q."' AND date >= NOW() AND date <= NOW() + INTERVAL 14 DAY
ORDER BY date asc";
$result=mysql_query($sql);
$num=mysql_numrows($result);
$i=0;
echo"<center><select name='dateinput' id='dateinput'></center>";
while ($i < $num) {
$datum=mysql_result($result,$i,"date");
$day = date('l jS M', strtotime($datum));
echo "<option value=$datum>$day</option>";
$i++;
}
if (!mysql_query($query)){
die('Error: ' . mysql_error());
}
mysql_close();
?>