二级联动下拉框，请教高手指点

Question

我要做一个二级联动下拉框：（部门和该部门的 用户）
    1、在action中我是这样组织数据的：
          部门List<Department> depts;在一个list集合中
          部门用户Map<Long, List<User>> userMap;map的key是部门id
    2、jsp页面：
          由两个下拉框<select  name="deptId" onchange="showDeptUser();" >......</select>
                      <select  name="userId" onchange="showDeptUser();" >......</select>
          同时我把后台那个map放到了jsp页面上：
                      <s:iterator id="deptUserSource" value="userMap">
                  <s:iterator id="userSource" value="%{value}">

                  </s:iterator>
              </s:iterator>这个可能用不上
          我用的是struts2，前端有jquery
怎么才能实现这个二级联动呢？
望知道的高手指点一下，最好是js或者jquery实现，并给出代码

Answer 1

前台通过ajax传一个部门id，通过id查询用户数据列表，然后用json将这个list返回页面，页面接收到这个list循环添加到下拉列表