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 
  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值