如何根据前面的select/option字段缩小select/option值？

Question

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

    <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。