How to set the id attribute of HTML element dynamically with Thymeleaf

Question

Lets say I have an object : ${object}

and I have the following form:

<form id="{{'myForm' + object.id}" class="some class"       th:action="@{/doSomething}" method="post">     .... </form> 

My goal is to set the id = "myForm1" if we assume that the object.id is '1'.

PS: The way I wrote it's working on Angular JS.

Answer 1

You have to use th:id attribute:

<form th:id="'myForm' + ${object.id}" class="some class" th:action="@{/doSomething}" method="post"> // *** Other code here *** </form> 

Answer 2

Here is how you can use dynamic id with label:

        <th:block th:with="randomId=${#strings.randomAlphanumeric(10)}">             <input type="checkbox" th:id="${randomId}">             <label th:for="${randomId}"></label>         </th:block>