即使值与第一个下拉菜单的值相同，我是否仍必须使用JQuery填充第二个下拉菜单？

Question

目前，我正在尝试创建两个作为时间间隔的下拉菜单。 我的目标是进行设置，如果用户在第一个下拉菜单中选择年份，则下一个菜单将自动填充> =第一个菜单选择的值。 这两个都是通过查询我的数据库来收集年份的下拉菜单。

<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文件，功能文件和该文件，或者是否有更简单的方法来进行此操作？ 任何帮助将不胜感激。

Answer 1

我会尝试将所有逻辑转换为单个查询，该查询一次返回您需要的所有数据。 然后将其传递给JavaScript变量，并在100％的客户端上播放。 无需为这种简单的事情而不断地敲击数据库。