Using thymeleaf variable in onclick attribute

Question

In my current spring-boot project, I have one view with this html code:

Answer 1

thymeleaf 3.0.10 th:onclick thymeleaf variable not working

This should work:

th:attr="onclick=|upload('${gallery}')|" 

Answer 2

yes it's to late, but i hope this will help people who need it

try this

th:onclick="'upload('+${gallery}+')'"

Answer 3

This should work:

<button th:onclick="'javascript:upload(' + ${gallery} + ')'"></button>

Answer 4

In 3.0.10 version of Thymeleaf

use [[ ]] it's more easier , thymeleaf goes to inject the value in template

if the value is string no quote need

<button th:data-id="${quartzInfo.id}" 
    th:onclick="del(this,[[${quartzInfo.id}]]" type="button">
</button>

Answer 5

The older replies does not work in the new version of 3.0.10. Now you need:

<button th:data-id="${quartzInfo.id}" 
    onclick="del(this,this.getAttribute('data-id'))" type="button">
</button>

Answer 6

I solve this issue with this approach:

th:onclick="|upload('${command['class'].simpleName}', '${gallery}')|"