我有 3 个下拉列表可以使用 PHP 和 javascript/ajax 从 sql 数据库中填充。第一个列表以填充选项开始,第二个列表根据选择从数据库中填充。所有这一切都很好,我从 PHP 中回显了整个第二个列表。问题是:我无法让第二个下拉框重复另一个“onchange”功能。尝试了许多组合但没有运气。第二个 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();
?>