Pass a variable to javascript function in html tag

Question

I have a table in html, filled via a many items. The row's code is this:

<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>

and the javascript function that's called is:

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

But It does not work and chrome's console says

Uncaught SyntaxError: missing ) after argument list referring to the label tag.

I have to use the item object but I do not know how to pass it to the js function

what is the output of ${item}?

Jai
– Jai

2016-02-02 11:55:07 +00:00
Commented Feb 2, 2016 at 11:55 — Jai
– Jai, Commented Feb 2, 2016 at 11:55

MaDHaN MinHo · Accepted Answer · 2016-02-02 11:57:37Z

2

try something like this

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

answered Feb 2, 2016 at 11:57

MaDHaN MinHo

5291 gold badge8 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

adex Over a year ago

I've used this onclick="submitDetails('${item}');" and it worked. Thanks

Collectives™ on Stack Overflow

Pass a variable to javascript function in html tag

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related