使用Spring MVC根据另一个下拉选择来填充下拉菜单

时间:2019-01-12 03:01:04

标签: spring drop-down-menu html-select

我用数据库表中的数据填充了一个下拉列表,第二个列表我要根据第一个下拉列表中显示的数据显示信息。我有什么办法可以在SPRING做到这一点?还是可以告诉我其他方法吗?

这些是下拉列表:

<select name="Oras" class="drop-down">
  <option th:each="oras : ${orase}"
          th:text="${oras}"
          th:value="${oras}"></option>
</select>
<select name="Baza sportiva" class="drop-down" path="">
  <option th:each="bazaSportiva : ${bazeSportive}" th:text="${bazaSportiva.nume}"
                    th:value="${bazaSportiva}">
</option>
</select>

我创建了一个控制器,该控制器决定应该在第一个下拉列表中显示哪些数据(来自数据库):

@RequestMapping(value =“”) public String afisareOrase(模型模型){

ArrayList<BazaSportiva> bazeSportive = (ArrayList<BazaSportiva>) bazaSportivaDao.findAll();
ArrayList<String> orase = new ArrayList<String>();
for(BazaSportiva bazaSportiva : bazeSportive){
    String oras = bazaSportiva.getOras();
    if(!orase.contains(oras)){
        orase.add(oras);
    }
}
model.addAttribute("orase", (Iterable) orase);
return "platforma/services";

}

1 个答案:

答案 0 :(得分:1)

您需要编写一个javascript / jquery代码,以便在第一个下拉列表中选择任何选项后发送AJAX请求,以便从数据库中获取第二组数据。

然后在AJAX响应及其数据返回到您的AJAX函数之后,使用另一个javascript / jquery函数访问第二个select标签(使用id / class)并用获取的数据填充它!

请参阅此youtube视频教程,以了解其背后的概念并以您自己的代码实现-> Tutorial