这篇文章主要是为大家分享一下如何通过获取数据库数据实现下拉框的三级联动,获取数据库部分的代码使用的主要是C#语言编写的。
1.在开始获取数据之前我们得把下拉框的样式给写出来,
下面部分使用的是layui和Bootstrap框架编写的三个下拉框(不使用框架也可)
<div class="row">
<div class="col-sm-8">
<form action="/" method="post">
<div class="form-row">
<label class="col-sm-1 col-form-label text-center">学院</label>
<div class="col-sm-2 px-0">
<select class="form-control" id="sltAcademe">
<option value="0">----请选择----</option>
</select>
</div>
<label class="col-sm-1 col-form-label text-center">年级</label>
<div class="col-sm-2 px-0">
<select class="form-control" id="sltGrade">
<option value="0">----请选择----</option>
</select>
</div>
<label class="col-sm-1 col-form-label text-center">班级</label>
<div class="