如何使用 thymeleaf onclick (th:onclick) 在单个 Javascript 方法中传递多个参数答案

【问题标题】：How to pass multiple arguments in a single Javascript method using thymeleaf onclick (th:onclick)如何使用 thymeleaf onclick (th:onclick) 在单个 Javascript 方法中传递多个参数
【发布时间】：2022-01-26 00:07:07
【问题描述】：

我尝试了以下语法，但它对我不起作用。请告诉我答案。

Javascript 代码--->

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

Thymeleaf 代码 -->

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

它显示如下错误：

SyntaxError: Unexpected Token.

【问题讨论】：

欢迎来到stackoverflow！您是否在浏览器中检查了生成的 HTML？它看起来怎样？日志中有异常吗？
谢谢你，维姆；是的，它显示了一个错误，例如； SyntaxError: Unexpected Token.

标签： javascript dom-events thymeleaf javascript-objects spring-thymeleaf

【解决方案1】：

我建议你使用这样的 JavaScript 参数（注意我使用的是 onclick 而不是 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" />

【讨论】：