Вы можете добиться этого, используя фрагмент тимелина и ajax.
в своем HTML добавьте следующие коды.
$('.drop-down').on('change', function() {
var name = $('.drop-down option:selected').val();
$.ajax({
type: 'get',
url: /*[[ @{'/url'} ]]*/,
data: {name:name},
success: function(returnedData){
console.log(returnedData);
$('.details').html(returnedData);
},
error: function(xhr, exception) {
console.log(xhr);
alert("error");
}
});
});
<select class="form-control drop-down" th:field="*{itemId}" >
.....
</select>
<div class="details">
<div th:fragment="details">
<table>
......
......
<table>
<div>
<div>
и в вашем контроллере напишите код, подобный приведенному ниже.
@GetMapping("/url")
public ModelAndView getDetails(@RequestParam("name")String name){
ModelAndView mv = new ModelAndView("htmlpagename::details");
List<Item> itemDetails= repository.findByName(name);// your query result
mv.addObject("itemDetails",itemDetails);
return mv;
}
Надеюсь, это работает для вас.