Passing multiple string parameters to Jquery function

Question

I'm trying to pass some string parameters to a jQuery function in my page. My jQuery looks something like this

   function showModal(text1, text2, text3) {
        $('#modal1').text(text1);
        $('#modal2').text(text2);
        $('#modal3').text(text3);
        $('#modal').modal('toggle');
    }

And the line that's calling the function looks something like this

<spring:message javaScriptEscape="true" var="text1"
                            text="${obj1.text}"/>
            <spring:message javaScriptEscape="true" var="text2"
                            text="${obj1.text2}"/>
            <spring:message javaScriptEscape="true" var="text3"
                            text="${obj1.text3}"/>    

<tr onclick="showModal('${text1}, ${text2}, ${text3}');">

I get an error in chrome when I click the table row

Uncaught SyntaxError: Unexpected number

nvioli · Accepted Answer · 2018-02-06 20:15:48Z

1

The single quotes in this line:

<tr onclick="showModal('${text1}, ${text2}, ${text3}');">

are delimiting a string, so that you're only passing one argument to the function. Try:

<tr onclick="showModal('${text1}', '${text2}', '${text3}');">

answered Feb 6, 2018 at 20:15

nvioli

4,2293 gold badges25 silver badges40 bronze badges

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

2 Comments

Brij Patel Over a year ago

Works! Thank you!

Angel Politis Over a year ago

Be sure to accept this answer if it solved your problem @BrijParel.

Collectives™ on Stack Overflow

Passing multiple string parameters to Jquery function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related