Thymeleaf onclick將td值發送到javascript函數

Question

我正在使用“Thymeleaf”，我想將值發送到javascript，我是新手，我正在嘗試下面的代碼：

onclick="getPropId('${properties.id}')"

和功能

getPropId(inputID){alert(inputId);}

但我沒有獲得實際價值。

Answer 1

上面的問題現在解決了，我們需要使用Thymeleaf特定的語法。

th:onclick="'getPropId(\'' + ${properties.id} + '\');'"

現在，如果它在javascript函數中顯示正確的properties.id。

function getPropId(inputID){
    alert(inputID);
}                           

Answer 2

要傳遞多個參數，可以使用以下命令：

th:onclick="'doSomething(\''+${val1}+ '\',\''+${val2}+'\',\''+${val3}+'\');'"

Answer 3

清潔文字替換||：

th:onclick="|getPropId('${properties.id}');|"

多個案例：

th:onclick="|getPropId('${var1}','${var2}');|"

Answer 4

我通過聲明：屬性解決了同樣的問題

<div class="row" th:each="data,i : ${obj}">
    <a href="javascript:void(0);" th:attr="onclick='loadDetails(\'' + ${data.objId}+'\')'">
</a>
</div>