Как реализовать выбор и подтягивание данных на форму?

Question

[Starvings]

Доброго дня.

На форму передаю список

@Controller
@RequestMapping("/taskadd")
public class TasksController {
    @Autowired
    ProjectMembersRepository projectMembersRepository;
    
    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String getProjectMember(Model model) {
        List<String> projectName = projectMembersRepository.find_SHORT_NAME_Like();
        model.addAttribute("projectName", projectName);
        return "taskadd";
    } // внесение данных о пользаках
}

его отображаю

<div class="form-group">
    <label for="projectName">Проект</label>
    <select class="form-control " id="projectName" required >
        <option hidden value="">Проект</option>
        <option
                th:each="projectName : ${projectName}"
                th:text="${projectName}"
                th:value="${projectName}">
        </option>
    </select>
</div>

на форме есть так же еще штук 5 полей.

Мне нужно реализовать следующий механизм:
На форме (приведенном для примере поле) пользователь выбирает значение. В контролере это значение нужно получить, выполнить поиск и передать в остальные поля на форме значения найденные в БД в зависимости от первичного выбора.

В принципе я могу это реализовать, но:
1. придется добавлять кнопку "ок" рядом с основным полем;
2. страница ребутнется.

А мне бы хотелось сделать все это без доп.кнопок и ребута страница.

Comments

[Stockholm Syndrome]

через AJAX

[German Jet]

Отслеживать у select событие onselect и посылать запрос на обновление значений остальных полей

Answer 1

[Орхан Гасанлы]

Вам нужно использовать jQuery + ajax. Передаете id из первого выбранного поля в бэк. Получаете нужные значения в виде json либо html. Делаете append на странице.