将变量传递给html标记中的javascript函数

时间:2016-02-02 11:50:18

标签: javascript jquery html ajax thymeleaf

我有一个html表,通过很多项填充。行的代码是:

<tr th:each="item : ${srcResults}">
    <td th:text="${item.something}"style="vertical-align:middle;" />...
    <td style="vertical-align: middle;">
        <label class="btn btn-primary" title="Details" onclick="submitDetails(${item});">
             <i class="fa fa-info" />
        </label>
    </td>
</tr>

并且调用的javascript函数是:

submitDetails = function(item) {
    console.log('I have been called');
};

但它没有用,Chrome控制台说

  参数列表后面的

Uncaught SyntaxError:missing)    参考标签标签。

我必须使用item对象,但我不知道如何将它传递给js函数

1 个答案:

答案 0 :(得分:2)

尝试这样的事情

onclick="submitDetails('"+${item}+"');"