目前,我正在尝试创建两个作为时间间隔的下拉菜单。我的目标是设置它,如果用户在第一个下拉菜单中选择一年,那么下一个菜单将自动填充 >= 第一个菜单选择的值。这是通过查询我的数据库来收集年份的两个下拉菜单。
<p class = 'year'>
<label for="year">
Please select a year
</label>
<select name= 'year'>
echo "<option value= ''> </option>";
<?php
$query = "select distinct year from table";
$result = $conn->query($query);
while($row = $result->fetch_object()) {
echo "<option value='".$row->year."'>".$row->year."</option>";
}
?>
</select>
</p>
<p class = 'year'>
<label for="year">
Please select a year
</label>
<select name= 'year2'>
echo "<option value= ''> </option>";
<?php
$query = "select distinct year from table";
$result = $conn->query($query);
while($row = $result->fetch_object()) {
echo "<option value='".$row->year."'>".$row->year."</option>";
}
?>
</select>
</p>
这两个下拉菜单都从我的数据库中收集了多年。相反,我希望我的 year2 菜单仅获取用户在第一个下拉菜单中选择的年份 >= 年份值。我的问题是我该怎么做?我是否仍然需要创建三个单独的文件,JQuery 文件,函数文件和这个文件,或者,有没有更简单的方法来解决这个问题?任何帮助将不胜感激。