Javascript 使用来自数据库的选择选项

我的表单上有两个select，第一个从学校数据库中名为“department”的表中获取所有元素

它工作没有问题，但我的问题是如何使第二个选择选项框接收来自表“class”的元素，该表具有列“departmentid”，该列等于第一个选择选项中所选的部门。我的意思是，如果用户选择部门“It”，第二个选择选项可能会带来类“4,5,6”因为他们是用那个部门的身份证登记的

我这样做的原因是因为所有的部门没有相同的类，如果在单击第一个选择选项后发生此事件，那就太好了

我的数据库名是“学校” 表1“部门”及其列“部门ID，名称” 表2“类”及其列“classid、级别、部门ID”

//第一个选择选项
显示所有部门
//第二选择选项
显示所有类
//在此选择选项中输入这些类

AJAX是一个不错的选择

• 在部门更改时，使用部门ID作为数据调用AJAX函数
• 进行查询以获取部门的所有类并返回结果
• 使用Javascript更新类选项

---

为此，您需要考虑使用AJAX。或者，您可以在第一个选择框更改时刷新页面，在URL中添加GET参数（例如，

departmentId

），然后在第二个选择框中选择。这里的问题是，我对AJAX一无所知，我想我必须先下载关于LyndaGood idea的基本培训，jQuery是一个很好的起点。这里的问题是我对AJAX一无所知，我想我必须从下载它在Lynda上的基本培训开始

//First Select Option
<select class="form-control">                                         
<option selected="selected">Show All Departments</option>
<?php
$link = mysqli_connect("localhost", "root", "", "school");
// Check connection
if($link === false){
die("ERROR: Could not connect. " . mysqli_connect_error());}
$con="SELECT * FROM departments";
$query_test = mysqli_query($link,$con) or die ("MySQL error: " .mysqli_error($link) ." Query: $query");
while($row=mysqli_fetch_array($query_test))
{
$result=$row['Name'];
$results=$row['Departmentid'];
?>
<option name="find"value="<?php echo $row['Name'];?>"><?php echo $row['Name'];?></option>
<?php
}
?>
</select>

//Second select option
<select class="form-control">
<option selected="selected">Show All Classes</option>
//Input those classes in this select option
<option> </Option>
</select>