白鲨汤
2021-09-23 14:40
采纳率: 66.7%
浏览 45
已结题

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

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

function getdept(){

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

    }
  • 好问题 提建议
  • 收藏

3条回答 默认 最新

  • K_Kyle 2021-09-23 15:09
    已采纳

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

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


    复制过去改一下就能用

    已采纳该答案
    评论
    解决 1 无用
    打赏 举报
  • 技术专家团-剑客 2021-09-23 14:50

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

    评论
    解决 2 无用
    打赏 举报
  • change事件就可以实现

    评论
    解决 1 无用
    打赏 举报

相关推荐 更多相似问题