二级联动：如何根据一级<select>标签的值去后台查询回显二级<select>中？

Question

jsp:选择区域负责人之后，根据其value中的userid去后台操作数据库查询其手下所有的促销主管，并回显在super3的<select>标签中可供继续选择，用js或jquery操作ajax，前端代码应该怎么写？

               <select name="super2" id="super2" >

                      <option value="">区域负责人</option>

                      <c:forEach  var="item" items="${entity}">

                        <option value="${item.userId }">${item.realName }</option>

                      </c:forEach>

                         </select>

               

                     <select name="super3" id="super3" >

                      <option value="">促销主管</option>

                      <c:forEach  var="item" items="${entity}">

                        <option value="${item.userId }">${item.realName }</option>

                      </c:forEach>

                 </select>

Answer 1

给第一级select绑定change事件，在里面通过ajax更新第二级select的值。。。以此类推