jquery+ajax从数据库获取数据实现三级联动下拉框

☞lucky

于 2022-11-25 13:36:10 发布

阅读量850

点赞数 1

分类专栏：笔记文章标签： jquery ajax javascript spring boot

本文链接：https://blog.csdn.net/qq_44940676/article/details/128036496

版权

本文介绍了一种使用jQuery和Ajax从Spring Boot后端获取数据，实现在前端构建三级联动下拉框的方法。通过选择学院，自动填充对应的专业和班级，适合初学者参考。

摘要由CSDN通过智能技术生成

今天在做练习的时候需要做一个三级联动的下拉框，大概内容就是第一个下拉框显示学院，第二个下拉框显示该学院所有专业，第三个下拉框为该专业所有班级。分享出来供大家参考和批评指正，代码如下;
html部分;

 <select id="collegeid"  underline="true">
        <option >学院</option>
    </select>
    <select id="majorid" underline="true">
        <option value="">专业</option>
    </select>
    <select id="clazzid"  underline="true">
        <option value="">班级</option>
    </select>

js部分：


       function querycollege(){

           $.post("querycollege","",function (jsonObj){
               var jsonObj = JSON.parse(jsonObj);
               // console.log(jsonObj)
               var options = "";
               for(var i = 0; i < jsonObj.length; i++) {
                   var college = json