如何让一个select下拉框的选项随另一个select的不同选项被选定而随之发生改变

Question

这是一个关于单位和部门的问题，单位下拉框（id=danWei）的不同单位被选中，如何让部门下拉框(id=dept)出现相应单位下的部门。后端已经写好啦,前端也已经获得了单位选中项，但不知道如何将其发送到后端controller

function getdept(){

        var danwei=$("#danWei option:selected").val(); //获取单位数据
        document.getElementById("dept").innerHTML="";  //清空部门下拉框选项
      

    }

Answer 1

通过ajax就可以 把参数发送到后端，然后后端把查询出来的数据返回给前端 前端显示对应的列表

其实不用这样的 你可以把所有的数据都返回到前端，在前端进行切换显示。这种联动有很多插件的 一般都不用自己去写的
你看下这个三级联动的 这是js的

JS Select 三级联动 | 菜鸟工具 [HTMLCODE] 省： <select style="width: 100px;" id="pre" onchange="chg(this);"> <option value="-1">请选择</option&am.. https://c.runoob.com/codedemo/3490/

复制过去改一下就能用