Thymeleafでインクリメント・デクリメント #Thymeleaf

Thymeleafでインクリメント・デクリメントする方法です。

コード

インクリメント

インクリメントする場合は、#numbers.sequenceを利用します。

increment.html

<select id="increment" name="increment">
    <option th:each="i : ${#numbers.sequence(1, 10)}" th:value="${i}"th:text="${i}"></option>
</select>

デクリメント

デクリメントする場合は、#numbers.sequenceの第３引数に-1を指定します。

decrement.html

<select id="decrement" name="decrement">
    <option th:each="i : ${#numbers.sequence(10, 1, -1)}" th:value="${i}"th:text="${i}"></option>
</select>

指定した数値で増加させる

指定した数値で増加させるインクリメントする場合は、#numbers.sequenceの第３引数に増加させたい数値を指定します。
例えば2つずつ増加させる場合は以下になります。

two_increment.html

<select id="two_increment" name="two_increment">
    <option th:each="i : ${#numbers.sequence(1, 10, 2)}" th:value="${i}"th:text="${i}"></option>
</select>

参考

Thymeleaf 日本語ドキュメント