How to pass argument from parsed json value to onclick function?

Question

We have a table with data. My goal is to pass an argument from parsed JSON value to another javascript function - named newStory(value['stories']) from onclick method.

Tried a lot of different methods with no success..

json[key]['date'] = '<span class="' + styleBlock + '">' + value['date'] + '</span>'; 
json[key]['category'] = '<span class="' + styleCatDefault + '">' + value['category'] + '</span>';
json[key]['subcategory'] = '<span class="' + styleSubcatDefault + '">' + value['subcategory'] + '</span>';       
json[key]['stories'] = '<span><a href="#" onclick="newStory(value['stories'])">' + value['stories'] + '</a></span>';

Any help appreciated!

Edit:

Line with many quotes finally worked:

json[key]['stories'] = '<span><a href="#" onclick="newStory(' + "'" +value['stories'] + "'" + ')">' + value['stories'] + '</a></span>';

You just need to concatenate it's value in to the string properly, as you are in other places in the code sample. Better still, forget the inline click handler and use an unobtrusive, delegated one instead. — Rory McCrossan
– Rory McCrossan, Commented Feb 11, 2020 at 16:11
I would suggest storing that value (or a reference to it) within the element. As the click event gets first at a later time and most likely value is no longer set, you get the undefined error. — Rylee
– Rylee, Commented Feb 11, 2020 at 23:42
To do this, I would try something like <a href="#" data-value="' + value['stories'] + '" onclick="newStory(this.attributes[\'data-value\'].value)" >' + value['stories'] + '</a>' — Rylee
– Rylee, Commented Feb 11, 2020 at 23:43

Ritesh Khandekar · Accepted Answer · 2020-02-11 18:07:19Z

1

Just add value in string like this:

var str = `${jsvar}`

json[key]['stories'] = `<span><a href="#" onclick="newStory(${value['stories']})">` + value['stories'] + '</a></span>';

Or

json[key]['stories'] = `<span><a href="#" onclick="newStory(${value['stories']})">${value['stories']}</a></span>`;

answered Feb 11, 2020 at 18:07

Ritesh Khandekar

4,0153 gold badges17 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

How to pass argument from parsed json value to onclick function?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related