Array Passed to JavaScript Function through onClick is creating [object, object]

Question

I want to append data to a jquery Modal through onclick and passing array into a function is creating problem. My code is as follows:-

var ttlpndordsqnty = topBarData['ttlpndngordrs'].length;
var ttlpndordsdata = topBarData['ttlpndngordrs'];
$('#totalpendingtestorders').empty();
$('#totalpendingtestorders').append('<a onClick="populateWidgetInfo(\''+ttlpndordsdata+ '\')" class="count red" data-toggle="modal" data-target="#totalpndgordModal"><label >' +ttlpndordsqnty+ '</label></a>');

function populateWidgetInfo(data)
{
    console.log(data);

} //end function

when i click on this then the following is returned instead of array passed. Kindly help me?

[object Object],[object Object],[object Object]

In this line $('#totalpendingtestorders').append('<a onClick="populateWidgetInfo(\''+ttlpndordsdata+ '\')" class="count red" data-toggle="modal" data-target="#totalpndgordModal"><label >' +ttlpndordsqnty+ '</label></a>'); your ttlpndordsdata converts to string and passed to your function once you click. That's why your log is [object Object],[object Object],[object Object] — Karlen
– Karlen, Commented Dec 24, 2016 at 20:06
You best create a proper DOM a tag object and assign it's onClick method properly through JS and then use .appendChild() to append it to it's parent. — Redu
– Redu, Commented Dec 24, 2016 at 20:08

guest271314 · Accepted Answer · 2016-12-24 20:05:29Z

2

ttlpndordsdata is being converted to a string at attribute event handler parameter. Use .on()

$('#totalpendingtestorders')
.on("click", "a.count", function() {
  opulateWidgetInfo(ttlpndordsdata)
})

answered Dec 24, 2016 at 20:05

guest271314

1

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

2 Comments

Karlen Over a year ago

I was going to answer this one :)

guest271314 Over a year ago

@Karlen Why can you not still post an Answer? Your interpretation of Question, explanation and approach could possibly contain greater detail and description of issue and solution than present Answer; and potentially be useful to OP and SO.

Collectives™ on Stack Overflow

Array Passed to JavaScript Function through onClick is creating [object, object]

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