问题描述
我正在尝试创建一个依赖的下拉列表（级别，类，专业，模块）。每个选择将从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）。
<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 (将#修改为@）