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

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

function getdept(){

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

    }

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

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

复制过去改一下就能用

我理解是的你的单位选项和部门选项是联动。
解决思路：
一般这种场景可以给单位下拉框绑定一个change事件，每次单位值改变首先清空部门下拉选项和值。然后调用后端api获取部门下拉选项，然后将选项渲染到部门下拉列表。

change事件就可以实现