如何用js+jsp实现双重选择下拉框？ - Java / Web 开发

各位大侠，小弟驽钝，请认真回答！谢谢
有两个下拉选择框，第一个选择大类，第二个选择小类，两个下拉选择框的选项全都从数据库查出来。那么在第一个选择框做出选择后如何把选择的值传给第二个选择框好让第二个选择框从数据库中查出第二个选框该显示的选项？
比如在发表文章时，要先选择文章的大类channelClass，然后再选择文章的小类channel，大类选的值不同，第二个下拉选择框显示的选项也不同。
我的部分代码如下：
所属大栏目：
<select name="channelClassId" id="selectChannelClass" onchange="">
  <!--这里的onchange事件只要被触发，第一个选择框就已经做出选择了，那么怎么让第二个选择框根据第一个选择框所选的值从数据库里查出其应显示的选项呢？-->
<option value="">==请选择==</option>
<sql:query sql="select channelClassId,channelClassName from channelClass"  
  var="channelClassRS" dataSource="${sqlDS}"/>
<c:forEach items="${channelClassRS.rowsByIndex}" var="channelClass">
<option value="${channelClass[0]}">${channelClass[1]}</option>
</c:forEach>
</select>
<c:set var="sql" value="select channelId,channelName from channel where channelClassId= " />
所属小栏目：
<select name="channelId">
<option value="">==请选择==</option>
<c:if test="${not empty channelClassIdNo}">
&l