Springboot+Mybatis+Jquery实现自定义二级联动

Springboot+Mybatis+Jquery实现自定义二级联动

       本篇博客主要实现一个自定义的二级联动，说到二级联动举一个简单的例子就理解了二级联动的意思。比如我们网购添加收货地址的时候，我们首先选择省份，然后选择对应省份里的市，我们选择了陕西省，选择市的时候，只会出现陕西省下的市，如西安市，而不会出现山东省的烟台市。

       在这里以前后台进行交互查询，实现一个根据学校实现选择学院的二级联动功能。共分为以下几个步骤：

建立二级联动select

       建立两个select，第一个select存放所要选取的学校，第二个里面什么都不放。通过js将获取到的第一个select中option的某个value值传作为查询条件在数据库中进行查询，将对应的结果显示在第二个select中的option中。

       前台html页面代码如下：

<td><select id="university" onchange="setSelectCollege()"><option value="0" disabled="disabled" selected="selected">--请选择学校名称--</option><option value="zj">浙江大学</option><option value="xn">西北农林科技大学大学</option><option