Выпадающее меню начальной загрузки удалить значение по умолчанию

У меня есть выпадающее меню в html. Когда пользователь выбирает ограничение до 10 строк, при нажатии кнопки будет выбрано 10 строк данных. Но в раскрывающемся меню по-прежнему отображается "Limit to 5 rows". Как изменить значение по умолчанию?

 <div class = "starter-template">
        <div class = "row" style = "margin-bottom:30px">
            <div class = "col-md-12" style = "margin-top:20px">
                <form id = "form" name = "form" class = "form-inline">
                    <div class = "form-group">
                        <select id = "limit" name = "limit" class = "form-control">
                            <option value = "5">Limit to 5 rows</option>
                            <option value = "10">Limit to 10 rows</option>
                            <option value = "50">Limit to 50 rows</option>

                        </select>
                    </div>
                    <button type = "submit" class = "btn btn-primary">Filter</button>
                </form>
            </div>
        </div>

Класс контроллера

@RequestMapping(value = "/scoreLog", method = RequestMethod.GET)
    public String scoreLogList(Model model, @RequestParam(value = "limit", defaultValue = "5") Integer limit) {
        model.addAttribute("scoredList", txnLogRepository.findByScore(23, new PageRequest(0, limit)));
        return "scoreList";
    }

Какую библиотеку шаблонов вы используете? Тимелист? Вам нужно будет передать аргумент вашей модели и соответствующим образом отобразить шаблон.

— 18.03.2018 17:38

@MateuszMrozewski да, тимелист

— 18.03.2018 17:38

spring spring-boot model-view-controller bootstrap-4

18.03.2018 17:24

Запросы к JPA

Модели проектирования, используемые в spring framework

361

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Сначала в вашем контроллере добавьте атрибут к вашей модели:

model.addAttribute("limit", limit);

Он предоставит вашему шаблону текущее значение лимита.

Затем в вашем шаблоне вам нужно будет изменить теги опций:

<option value = "5" th:selected = "${limit == 5}">Limit to 5 rows</option>
<option value = "10" th:selected = "${limit == 10}">Limit to 10 rows</option>
<option value = "50" th:selected = "${limit == 50}">Limit to 50 rows</option>

Видеть:

спасибо, я подумал, что для этого мне нужно написать javascript: P

— 18.03.2018 17:53

Если у меня есть средство выбора даты и времени, и я хотел бы отображать время на основе пользовательского ввода вместо значения по умолчанию, могу ли я использовать этот метод?

— 18.03.2018 17:57

Это может быть немного сложнее в зависимости от компонента даты и времени, но общий ответ для тимелеафа будет положительным - вам нужно передать аргументы в шаблон через модель и соответствующим образом выполнить рендеринг.

— 18.03.2018 18:31

18.03.2018 17:46