onclick in html image tag - pass string value to javascript function

Question

Code:

// inside for loop..

$("#tabs").append('<li><a href="#tab' + 1 + '">' + 1 + '</a><img src="/Images/pdf.png" onclick="test('1s')" /></li>');

function test(val) {
    alert(val);
    //return false;
}

Please see this code onclick="test('1s')". Is there any syntax wrong?. I am not able to pass the value 1s to the test function.

But I can pass the value if it is 1 instead of 1s.

UPDATE:

How to pass a variable value...Lets say 1s is in variable val.. If I put onclick="test(\'val\')", I am getting the val as "val" instead of 1s

SOLUTION:

I solved myself..Refer to https://stackoverflow.com/a/32945494/5409139

Alexandr Lazarev · Accepted Answer · 2015-10-05 09:14:45Z

3

You should escape single qoutes: ' with a \ symbol.

$("#tabs").append('<li><a href="#tab' + 1 + '">' + 1 + '</a><img src="/Images/pdf.png" onclick="test(\'1s\')" /></li>');

answered Oct 5, 2015 at 9:14

Alexandr Lazarev

13k4 gold badges40 silver badges47 bronze badges

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

2 Comments

user5409139 Over a year ago

How to pass a variable...Lets say 1s is in variable val.. If I put onclick="test(\'val\')", I am getting the val as "val" instead of 1s

user5409139 Over a year ago

Are you having any ideas / suggestions about the above question ?

cxw · Accepted Answer · 2015-10-05 09:16:25Z

1

The code is in a single-quoted string argument, so the '' around 1s take you out of the string and back to the argument of the append function call. Try test(\'1s\') (backslashes before each quote mark) instead.

More details of JavaScript strings are, e.g., here.

answered Oct 5, 2015 at 9:16

cxw

17.1k2 gold badges50 silver badges84 bronze badges

Comments

Tim Hong · Accepted Answer · 2015-10-05 09:31:10Z

0

This is simple bug. Please do following...

$("#tabs").append("<li><a href='#tab" + 1 + "'>" + 1 + "</a><img src='/Images/pdf.png' onclick=\"test('1s')\" /></li>");

function test(val) {
    alert(val);
}

answered Oct 5, 2015 at 9:31

Tim Hong

14 bronze badges

Comments

score 0 · Accepted Answer · 2015-10-05 09:54:01Z

0

I got the solution. I added the quotes accordingly.

var val = "1s";
$("#tabs").append('<li><a href="#tab' + 1 + '">' + 1 + '</a><img src="/Images/pdf.png" onclick="test(\'' + val + '\')" /></li>');

edited Oct 5, 2015 at 9:54

answered Oct 5, 2015 at 9:44

user5409139

Collectives™ on Stack Overflow

onclick in html image tag - pass string value to javascript function

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related