CODEWITHSUNDEEP
javascriptdom-eventsthymeleafjavascript-objectsspring-thymeleaf
DILIP KUMAR
DILIP KUMAR

Reputation: 23

How to pass multiple arguments in a single Javascript method using thymeleaf onclick (th:onclick)

I tried the following syntax but it didn't work for me. Please let me know the answer.

Javascript Code --->

function passValue(id, name){
        
        console.log(id)
        console.log(name)
    document.getElementById("updateId").value=id; 
        }

Thymeleaf code -->

<input type="button" th:onclick="passValue(\''+${data.id}+'\', \''+${data.newEntryName} +'\')" value="Update" />

It shows an error like:

SyntaxError: Unexpected Token.

Upvotes: 2

Views: 598

Answers (1)

Metroids
Metroids

Reputation: 20487

I recommend you do JavaScript arguments like this (notice I'm using onclick and not th:onclick):

<input  type="button"
        th:data-id="${data.id}"
        th:data-name="${data.newEntryName}"
        onclick="passValue(this.getAttribute('data-id'), this.getAttribute('data-name'));"
        value="Update" />

Upvotes: 1

Related Questions