How to quote a string dynamically in Javascript?

Question

This kinda funny, i want to quote a string value for a function but javascript throws this error Uncaught SyntaxError: Unexpected token }

This my code

var val = "Testing String";
var table_row = "<tr><td><a href='#' onclick='test('"+val+"')'>Row1</a></td></tr>";

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

The table row get created fine with the test function bound well with onClick event. But when i click on the created link i get

`Uncaught SyntaxError: Unexpected token }

The Value within the test function should be a quoted string.

Note: If i remove the concatenation of the val string, and pass is as a string like this

table_row = "<tr><td><a href='#' onClick='test(\"Testing String\")' >Row1</a></td>";

... it works

Where am i goofing?

Gath.

Does "..."Row1"..." really work?

pimvdb
– pimvdb

2011-07-11 13:25:16 +00:00
Commented Jul 11, 2011 at 13:25 — pimvdb
– pimvdb, Commented Jul 11, 2011 at 13:25

Saeed Neamati · Accepted Answer · 2011-07-11 13:25:33Z

1

Then in your original script also escape ":

var test = "\"test string\"";

answered Jul 11, 2011 at 13:25

Saeed Neamati

35.9k42 gold badges140 silver badges192 bronze badges

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

1 Comment

simon Over a year ago

The original string (first line) does not contain any quotation marks to be escaped:

K6t · Accepted Answer · 2011-07-11 13:39:31Z

1

i thing it ll help u sir,,,,

if row1 is variable

u can add by '+Row1+' seperator,

or else directly use bellow code;

var table_row = '<tr><td><a href="#" onClick="test(\'Testing String\')" >Row1</a></td>';
        //alert("++++++++++++"+table_row+"++++++++++++");

see ya ,,,

answered Jul 11, 2011 at 13:39

K6t

1,8452 gold badges13 silver badges21 bronze badges

Comments

GodsBoss · Accepted Answer · 2011-07-11 14:52:01Z

0

Given

var val = "Testing String";
var table_row = "<tr><td><a href='#' onclick='test('"+val+"')'>Row1</a></td></tr>";

Should table_row not be

"<tr><td><a href='#' onclick='test('Testing String')'>Row1</a></td></tr>"

so the onclick attribute is only 'test(', because ' ends it?

Try:

var table_row = "<tr><td><a href='#' onclick=\"test('"+val+"')\">Row1</a></td></tr>";

answered Jul 11, 2011 at 14:52

GodsBoss

1,0578 silver badges9 bronze badges

Comments

gath · Accepted Answer · 2011-07-11 14:53:31Z

0

This what i did and now working fine;

var val = "Testing String";
table_row = "<tr><td><a href='#' onclick='test(\""+val+"\")'>Row1</a></td></tr>";

function test( val ){
 alert( val)   // Displays "Testing String"
}

Thanks for your patience.

answered Jul 11, 2011 at 14:53

gath

25.6k36 gold badges102 silver badges128 bronze badges

Collectives™ on Stack Overflow

How to quote a string dynamically in Javascript?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related