如何在同一个jsp页面中实现两个下拉列表框间的联动

Question

<tr> <td class="field">所属父分类：</td> <td> <select name="parentId" onchange="chang()"> <option value=0> 请选择所属分类 </option> <c:forEach items="${catlist}" var="li" varStatus="status"> <!-- 新增商品分类的时候根据父分类来新增 --> <c:if test="${li.epc_id==li.epc_parent_id}"> <option value="${li.epc_id}"> ${li.epc_name} </option> </c:if>   </c:forEach> </select> </td> </tr> <tr> <td class="field">二级分类：</td> <td> <select name="parenttwoId"> <option value=0> 请选择所属分类 </option>  <c:forEach items="${catlist}" var="li" varStatus="status"> <!-- 首先确定一级分类，通过联动，在一级分类下选择二级分类 --> <c:if test="${li.epc_id!=li.epc_parent_id}">       <option value="${li.epc_id}" <c:if test="${li.epc_id==li.epc_parent_id}"></c:if>> ${li.epc_name} </option> </c:if>   </c:forEach> </select> </td> </tr> 我是想要在点击第一个下拉列表框里的选项的时候，在第二个下拉列表框中显示相对应选项下的内容，如第一个里边选中图书，第二个里边出现：青年图书、少儿图书