Javascript 如何根据选择的选项值查询表？

如何隐藏“角色”选择选项，直到选择“项目”，然后在选择项目的位置查询角色=$project

我只想选择与其项目对应的角色。表selectproject包含一行，其中包含$id\u project、$project和$role。我想根据第一次选择项目来选择角色。例如：选择$role，其中selected=$project

如何使用Java脚本或Ajax来实现这一点？请提供代码，因为我仍在学习Java/Ajax

<?php

$result4= mysqli_query($con, $idq);


echo '<select id="project" name="project" class="textBox">';
echo '<option value="">-Select-</option>';
while ($row = $result4->fetch_assoc()){

?>
<option value="<?php echo $row['project']; ?>"><?php echo $row['project']; ?></option>
<?php    
}
echo "</select>";

?>

<?php


$result5= mysqli_query($con, $idq2);


echo '<select id="role" name="role" class="textBox2">';
echo '<option value="">-Select-</option>';
while ($row = $result5->fetch_assoc()){


?>
<option value="<?php echo $row['role']; ?>"><?php echo $row['role']; ?></option>
<?php    
}
echo "</select>";


?>

---

使用ajax/jquery根据从第一个选项中选择的内容加载第二个选项列表，或者预加载可用选项及其连接，以便您可以使用简单的javascript来操作选项。我不太理解您的问题。因此，您希望隐藏第二个列表，直到选择第一个列表中的项目为止？如果是这种情况，您需要JavaScript。如果要在单击元素后动态重新加载第二个列表，则需要AJAX。这是正确的。我需要Java脚本或ajax/jquery来隐藏第二个列表，直到第一个列表中的一个项目被选中。我还没有找到任何好的例子。我认为你最好阅读一篇关于AJAX的教程，这将帮助你理解如何编写这个程序。但是从一个更实用的角度来看，你可能还想考虑这个插件，它可以为你做：