Как я могу выполнить действие после выбора параметра выбора с помощью Thymeleaf?

Question

Я пытаюсь перенаправить свою страницу при выборе параметра «Выбрать» с помощью Thymeleaf. Мой код написан следующим образом:

<select>
    <option th:each="size : ${pageSizes}" th:text=${size}  th:onclick="'window.location.href = \'' + @{/ingredient(size=${size})} + '\''"></option>
</select>

И, после проверки его в Google Chrome, создается HTML:

<select>
    <option onclick="window.location.href = '/ingredient?size=5'">5</option>
    <option onclick="window.location.href = '/ingredient?size=10'">10</option>
    <option onclick="window.location.href = '/ingredient?size=20'">20</option>
    <option onclick="window.location.href = '/ingredient?size=25'">25</option>
    <option onclick="window.location.href = '/ingredient?size=50'">50</option>
</select>

Но ничего не происходит при выборе Новый вариант. Что я делаю не так?

Answer 1

Используйте событие onchange для тега select вместо onclick.

<select th:onchange="'window.location.href = \'' + @{/ingredient} + '?size=\' + this.value ' ">
    <option th:each="size : ${pageSizes}" th:text=${size}  ></option>
</select>