如何解决动态相关下拉列表PHP，jQuery，AJAX，MySQL
我正在尝试创建一个依赖的下拉列表（级别，类，专业，模块）。每个选择将从MySQL数据库获取数据。我需要创建一个输入表单，该表单需要填充一个动态下拉列表。
我有一个下拉列表： 班级取决于水平。 专业取决于水平和阶级。 该模块取决于级别，类别和专业。
问题：
- 专业只取决于班级，而不取决于等级，我要的专业取决于等级和班级。
- 该模块不依赖任何内容。我要视水平而定 班级和专业。
database.sql ：包含一个数据库，数据库链接：https://www.mediafire.com/file/vg35w20tmdvep44/file
MySQL表：
表级别（idlev，levname）。
TABLE类（idclass，类名）。
表levelsclasses（idlevclass，idlev，idclass）。
TABLE特色菜（idspec，idlev，specname）。
TABLE classesspecialties（idclassspec，idclass，idspec）。
TABLE模块（idmod，modname）。
表级别类特殊模块（idlevclassspecmod，idlev，idclass，idspec，idmod）。
main.php ：包含代码
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimal-ui">
<title>Dynamic Dependent drop down </title>
<script src="jquery.min.js"></script>
</head>
<?php
//mysql_set_charset('utf-8')
$conn = new mysqli("localhost","root","","database");
mysqli_set_charset($conn,"utf8");
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
?>
<div class="page-title-box">
<div class="row align-items-center">
<div class="col-5">
<h2 class="page-title">
Try
</h2>
</div>
</div>
</div>
<form action="#" enctype="multipart/form-data" method="POST" autocomplete="off">
<input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
<?php
$lev=array();
?>
<div class="form-group">
<label>Level</label>
<select class="form-control" id="level" onchange="$('.sl_class').css('display','none');
$('.sl_spec').css('display','none'); $('#level_'+$(this).val()).css('display','');">
<option>Select Level</option>
<?php
$query = "SELECT * FROM levels";
$do = mysqli_query($conn,$query);
while ($row = mysqli_fetch_array($do))
{
$lev[]=$row;
echo'<option value="'.$row['idlev'].'">'.$row['levname'].'</option>';
}
?>
</select>
</div><br><br>
<?php
$cla=array();
?>
<div class="form-group">
<label>Class</label>
<?php
for ($i=0;$i<count($lev);$i++)
{
?>
<select class="form-control sl_class" id="level_<?php echo $lev[$i]['idlev'];?>" style="display:none;" onchange="$('.sl_spec').css('display','none'); $('#class_'+$(this).val()).css('display','');">
<option>Select Class</option>
<?php
$query = "SELECT * FROM classes,levelsclasses where classes.idclass=levelsclasses.idclass AND idlev=".$lev[$i]['idlev'];
$do = mysqli_query($conn,$query);
while ($row = mysqli_fetch_array($do))
{
$cla[]=$row;
echo'<option value="'.$row['idclass'].'">'.$row['classname'].'</option>';
}
?>
</select>
<?php
}
?>
</div><br><br>
<?php
$spe=array();
?>
<div class="form-group">
<label>Specialty</label>
<?php
for ($i=0;$i<count($lev);$i++)
{
?>
<?php
for ($j=0;$j<count($cla);$j++)
{
?>
<select class="form-control sl_spec" id="class_<?php echo $lev[$i]['idlev'] & $cla[$j]['idclass'];?>" style="display:none;"
onchange="$('.sl_mod').css('display','');" >
<option>Select Specialty</option>
<?php
$query = "SELECT * FROM specialties,classesspecialties where specialties.idspec=classesspecialties.idspec AND idclass=".$cla[$j]['idclass'];
$do = mysqli_query($conn,$query);
while ($row = mysqli_fetch_array($do))
{
$spe[]=$row;
echo'<option value="'.$row['idspec'].'">'.$row['specname'].'</option>';
}
?>
</select>
<?php
}
?>
<?php
}
?>
</div><br><br>
<?php
$mo=array();
?>
<div class="form-group">
<label>Modules</label>
<?php
for ($i=0;$i<count($lev);$i++)
{
?>
<?php
for ($j=0;$j<count($cla);$j++)
{
?>
<?php
for ($z=0;$z<count($spe);$z++)
{
?>
<select class="form-control sl_mod" id="spec_<?php echo $spe[$z]['idspec'];?>" style="display:none;" onchange="$('.sl_mod').css('display','none'); $('#spec_'+$(this).val()).css('display','');">
<option>Select Module</option>
<?php
$query = "SELECT * FROM modules,levelsclassesspecialtiesmodules where modules.idmod=levelsclassesspecialtiesmodules.idmod AND idspec=".$spe[$z]['idspec'];
$do = mysqli_query($conn,$query);
while ($row = mysqli_fetch_array($do))
{
$mo[]=$row;
echo'<option value="'.$row['idmod'].'">'.$row['modname'].'</option>';
}
?>
</select>
<?php
}
?>
<?php
}
?>
<?php
}
?>
</div>
</form>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。