how to pass object in inline onclick event in dynamically creating elements

Question

I am creating a table row dynamically. Each row is having onclick event. When I click on that table row I want to pass row object to a function but my problem is, while passing that object, I am getting [object object] string. So I am not able to use that object in function.

Please give some solution thanks in advance.

This is my code:

  var row;
  $.each(mydata, function(i,data){
            row+='<tr onclick="myfunction(\''+data+'\')"><td >data.name</td><td >data.age</td></tr>;
    });
 $("#myTable").append(row);

sorry now I changed my code .row is a variable and data is a object — harry
– harry, Commented Mar 31, 2015 at 7:42
something like this.. <tr onclick="myfunction("[object Object]'')>....? — Rakesh_Kumar
– Rakesh_Kumar, Commented Mar 31, 2015 at 7:43
yeah... I am getting like this.I am not able to use this.What to do. — harry
– harry, Commented Mar 31, 2015 at 7:46
By that way..it wont be possible as everything will be converted finally to string... — Rakesh_Kumar
– Rakesh_Kumar, Commented Mar 31, 2015 at 7:49

Timur Osadchiy · Accepted Answer · 2015-03-31 07:39:46Z

1

I would better use jQuery for defining click event handlers. Here is your updated code:

var $table = $("#myTable");
$.each(mydata, function(i,row){
        $tr = $('<tr>').appendTo($table);
        $tr.on("click", myfunction);
});

edited Mar 31, 2015 at 7:39

answered Mar 31, 2015 at 7:38

Timur Osadchiy

6,2994 gold badges28 silver badges29 bronze badges

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

Comments

Lenient Liu · Accepted Answer · 2016-05-13 08:11:05Z

1

Convert the data object to the following style string.

"{\"name\": \"lenient\", \"age\": 18}"

Then bind it to the click event, you will get the object as the parameter inside the click function.

answered May 13, 2016 at 8:11

Lenient Liu

911 gold badge2 silver badges8 bronze badges

Comments

ascripter · Accepted Answer · 2018-04-19 09:26:39Z

0

Try adding JSON.stringify()

onclick="myfunction("+JSON.stringify(data) +")"

edited Apr 19, 2018 at 9:26

ascripter

6,31512 gold badges54 silver badges74 bronze badges

answered Apr 19, 2018 at 8:57

Visa

492 bronze badges

Collectives™ on Stack Overflow

how to pass object in inline onclick event in dynamically creating elements

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related