如何在同一个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>

我是想要在点击第一个下拉列表框里的选项的时候，在第二个下拉列表框中显示相对应选项下的内容，如第一个里边选中图书，第二个里边出现：青年图书、少儿图书