i have form like this here the issue is :
Dynamic population of second list box based on the selection of first list box.
how can i do this one. please tell me the solution.
<form name="questionForm" method="post" action="listQuestions.lgs">
<table bgcolor="F8D8D8" cellspacing="2" cellpadding="2" align="center"
style="margin-top: 100px">
<tr>
<td>Topics:</td>
<td><select name="topic" onChange="loadCategories()">
<c:forEach items="${model.topics}" var="topic">
<option value="<c

ut value="${topic.topicId}" />">
<c

ut value="${topic.topicName}" /></option>
</c:forEach>
</select>
</td>
<td>Categories:</td>
<td><select name="category" onChange="loadQuestions()">
<c:forEach items="${model.categories}" var="category">
<option value="<c

ut value="${category.categoryId}" />">
<c

ut value="${category.categoryName}" /></option>
</c:forEach>
</select>
</td>
<tr>
<td><a
href="addQuestion.lgs?categoryId=2<c

ut value="${category.categoryId}"/>">Add New Question</a></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Questions under this Category:</td>
<td><c:if test="${model.questions} == null">
<c

ut value="no questions found" />
<br>
</c:if> <c:if test="${model.questions} != null">
<c:forEach items="${model.questions}" var="question">
<table>
<tr>
<c

ut value="${question.questionDesc}" />
</tr>
</table>
</c:forEach>
</c:if></td>
</tr>
<tr>
<td colspan="2"><input type="submit" /></td>
</tr>
</table>
</form>
[ May 22, 2007: Message edited by: Bear Bibeault ]