tp框架下的二级联动

你需要具备的知识

tp框架（本篇文章基于tp5.1版本）；ajax；bootstrap；

什么是二级联动

就是bai两个下拉列表框.
就拿du你在网上注zhi册的时候要填个人dao地址,
我假设它有两个下zhuan拉列表(其实还可以有shu更多)
第一个下拉列表中让你选择的省,而另一个下拉列表让你
选择的是城市,当你在省的下拉列表中的选择发生改变的时候,
城市的下拉列表也应当跟着你所选择的省名称而发生改变.
这样就产生了一种联动的较果.
也就是简单的二级联动…

给出代码

html界面代码

$deptInfo中存放的是院系表的所有数据，$majorInfo中存放的是经过where（‘院系’,‘初始院系’）之后的所有专业数据，我们想要得到的结果是一开始进入界面时院系和专业信息显示的是要更改的院系和专业信息，也就是初始数据。

<div class="form-group">
  <label for="inputEmail3" class="col-sm-2 control-label">院系：</label>
  <div class="col-sm-8">
    <select class="form-control" name="dept_id" id="dept_id">
        {
   volist name="$deptInfo" id="dept"}
        <option value="{
     $dept.id}" 
                {
   eq name="$classesInfo.dept_id" value="