如何在同一个网页上创建两个连接列表？ [复制]

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 它基本上可以让您从一个列表中进行选择，一旦选择了一个项目，就会显示与所选项目相关的更多选项。