Spring MVC JSP子级下拉列表(按父级)下拉选定项

<form>
  <label for="parentSelect">父级下拉列表：</label>
  <select id="parentSelect" onchange="loadChildOptions()">
    <option value="">请选择</option>
    <!-- 父级下拉列表选项 -->
  </select>
  
  <br>
  
  <label for="childSelect">子级下拉列表：</label>
  <select id="childSelect">
    <option value="">请选择</option>
    <!-- 子级下拉列表选项 -->
  </select>
</form>

function loadChildOptions() {
  var parentSelect = document.getElementById("parentSelect");
  var childSelect = document.getElementById("childSelect");
  
  // 获取选定的父级下拉列表选项的值
  var selectedValue = parentSelect.value;
  
  // 清空子级下拉列表选项
  childSelect.innerHTML = "";
  
  // 根据选定的父级选项值，异步加载子级下拉列表选项
  if (selectedValue !== "") {
    // 发起AJAX请求获取子级下拉列表选项数据
    // 根据返回的数据动态生成子级下拉列表选项
  }
}

@RestController
@RequestMapping("/api")
public class OptionController {

  @GetMapping("/childOptions")
  public List<String> getChildOptions(@RequestParam("parentValue") String parentValue) {
    // 根据父级选项值查询相关子级选项数据
    List<String> childOptions = new ArrayList<>();
    // 查询逻辑...
    return childOptions;
  }

}

<!-- 配置请求映射 -->
<mvc:annotation-driven />

<!-- 配置视图解析器 -->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  <property name="prefix" value="/WEB-INF/views/" />
  <property name="suffix" value=".jsp" />
</bean>

<!-- 子级下拉列表展示 -->
<c:forEach items="${childOptions}" var="childOption">
  <option value="${childOption}">${childOption}</option>
</c:forEach>