数据库中只有2022和2023两年的记录。在PHP页面点击选择年份的下拉菜单框时,自动查询数据库并且子菜单只显示2022和2023两年
时间: 2023-12-14 11:35:44 浏览: 32
你可以通过以下步骤来实现:
1. 在PHP页面中,使用SELECT语句从数据库中获取所有的年份记录。
2. 使用PHP的foreach循环遍历年份记录,并将其添加到下拉菜单中。
3. 在循环中,只选择2022和2023两年的记录添加到下拉菜单中。
4. 给下拉菜单添加一个onchange事件,当用户选择年份时,使用AJAX异步查询数据库,并将查询结果更新到页面上。
下面是一个简单的示例代码:
```
<select id="year-select" onchange="getRecords()">
<?php
// 查询所有记录
$sql = "SELECT DISTINCT year FROM records";
$result = mysqli_query($conn, $sql);
// 遍历记录并添加到下拉菜单中
foreach ($result as $row) {
$year = $row['year'];
// 只选择2022和2023年的记录
if ($year == '2022' || $year == '2023') {
echo "<option value='$year'>$year</option>";
}
}
?>
</select>
<script>
function getRecords() {
// 获取选中的年份
var year = document.getElementById("year-select").value;
// 发送AJAX请求查询数据库
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 更新页面上的记录
document.getElementById("record-table").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "get_records.php?year=" + year, true);
xmlhttp.send();
}
</script>
```
在get_records.php文件中,你可以使用与查询所有记录相同的SELECT语句,并添加一个WHERE条件过滤出指定年份的记录。然后将查询结果格式化为HTML表格,并将其返回给页面上的record-table元素。
希望这个示例能帮助你完成你的任务。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)