二级联动下拉框，请教高手指点
我要做一个二级联动下拉框：（部门和该部门的 用户）
  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实现，并给出代码


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

探讨

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