如何根据先前的选择/选项字段缩小选择/选项值？

Question

我有一个表单，用户需要选择多个选项。 在第一个选择选项中，用户选择了region，然后选择executors中运行的region。我尝试了以下代码：

    <select name="region" form="addRequest" id="region">
        <c:forEach var="Region" items="${regions}">
            <option value="${Region}">${Region}</option>
        </c:forEach>
    </select>



<select name="executor" form="addRequest">
    <c:forEach var="executor" items="${executorData}">
        <c:if test="${executor.getField4() eq region}">
            <option value="${executor.getField1()}">${executor.getField1()}</option>
        </c:if>
    </c:forEach>
</select>

但是当在页面上启动时，我有空选项。

Answer 1

这不起作用。当您在第一个region中选择<select>值时，在第二个<select>尝试访问region的值之前，您不会将其提交到服务器端代码。因此，除非预先填充region，否则这将是null值。

要解决您的问题，请尝试使用JavaScript / jQuery。