1

我正在使用 netbeans 和 mysql 在 java 中制作一个 Web 应用程序。数据库“Categroy”和“SubCat”中有两个表。并且有实体类和会话 bean 可以从数据库中提取数据。jsp 表单中有两个下拉列表。我希望当在第一个下拉列表中选择一个类别时，它的类别 ID 在 servlet 中消失了，从那里，只有相关子类别的列表显示在第二个下拉列表中。我怎么能得到那个？

我的 JSP 代码如下

    <form action="<c:url value='submit_site'/>" method="POST">
    <table border="0">
        <tbody>
               <tr>
                <td><label for="cat">Category</label></td>
                <td> 
                    <select name="category">

                        <c:forEach var="cat" items="${categories}">
                            <option name="catId" value="${category.id}">${cat.id}. ${cat.catName}</option>
                        </c:forEach>
                    </select> 
                </td>
            </tr>   
            <tr>
                <td><label for="SuCat">SubCategory</label></td>
                <td>
                    <select name="subcat">
                        <option>Select...</option>
                        <c:forEach var="subcat" items="${subCategories}">
                            <option name="subId" value="${subcat.subId}">${subcat.subCatName}</option>
                        </c:forEach>
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" 
                           value="Submit"/>
                </td>
                <td colspan="2">
                    <input type="reset" 
                           value="Reset" />
                </td>

            </tr>
        </tbody>
    </table>

</form>

数据库中的所有类别都显示在第一个下拉列表中，但从第一个下拉列表中，所选类别的 id 未进入 servlet，并且子类别未显示在第二个下拉列表中。如何在第二个下拉列表中获取相关子类别？请指导我，我从两个星期开始就坚持这一点。

我在网上搜索过，但无法解决我的困惑。下拉列表中有 javascript，但我无法理解这些脚本。我可以在不使用 javascript cod 的情况下做到这一点吗？

4

1 回答 1

1

好吧，我认为您将无法摆脱 javascript :-)。您可以使用按钮进行完整提交。加载第二个组合，用户选择第二个组合。这将是一个非常奇怪的用户体验:-)。

您的问题可以通过两种方式解决：

  • 一个javascript整页提交
  • AJAX 调用

AJAX 调用更可取且对用户更友好。完整提交更容易实现，但页面会闪烁并重新加载内容。

可以在组合框中选择选项时使用提交来完成完整提交（如果文档中只有一个表单）：

<select name="subcat" onchange="document.forms[0].submit()">
  <option>Select...</option>
  <c:forEach var="subcat" items="${subCategories}">
    <option name="subId" value="${subcat.subId}">${subcat.subCatName}</option>
  </c:forEach>
</select>

对于 AJAX 调用，您可以使用 XmlHttpObject 自己实现它，但这是在重新发明轮子；坚持使用像 jquery 这样的 JS 框架。

更新：对不起，我以错误的顺序发布了链接。这是使用带有 servlet 的 jquery 的示例。基本上，您会很酷地使用 JSON（或 HTML，如此链接）序列化整个子类别列表，然后使用 javascript 重新加载组合框

于 2013-01-14T14:12:36.650 回答