使用来自数据库的Select选项

时间:2017-02-28 14:26:00

标签: javascript php html mysql database

我在表单上有两个select,第一个从名为" department"的表中获取所有元素。在我的学校数据库中。

它没有问题,但我的问题是如何让第二个选择框接收来自表格的类别" class"有专栏" departmentid"等于第一个选择选项中所选部门的意思是指用户选择部门" IT"第二个选择选项可以带来类" 4,5,6"因为他们已经注册了该部门的ID。

我这样做的原因是因为所有部门都没有相同的课程,如果在点击第一个选择选项后发生此事件,那就太棒了。

我的数据库名称是"学校" 表1和#34;部门"它的专栏和#34; Departmentid,Name" 表2" Class"其列和#34; classid,level,Departmentid"

//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>

1 个答案:

答案 0 :(得分:1)

AJAX是最佳选择。

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