javascript - 如何在同一网页上创建两个连接列表？

Question

我想要同一页面中的两个列表。第一个列表将在页面加载时加载。此列表中的每个项目都有一个值，我希望每当用户选择另一个项目(以及自动另一个值)时，都会加载第二个列表。我如何通过使用 javascript 和 php 来做到这一点？

示例

1. 学校
2. 医院

如果选择学校(1)，第二个列表必须加载学校名称。

注意:我在 mysql 上有 2 个表。我只希望你编写网站代码。

<select id="first" >
    <?php
$con=mysqli_connect("localhost","root","","cau");


$result = mysqli_query($con,"SELECT id, main FROM first");

while($row = mysqli_fetch_array($result))
  {
  echo "<option value=\"".$row['id']."\">".$row['main']."</option>";
  }     

mysqli_close($con);
   ?>
</select>


<select>

     //how can i load this second list as i said
</select>

Answer 1

如果我理解您正在尝试正确执行的操作，您可能需要考虑使用 AJAX。 对您有帮助的具体教程是: http://www.w3schools.com/ajax/ajax_database.asp 它基本上允许您从一个列表中进行选择，一旦选择了一项，就会显示与所选项目相关的更多选项。