dynamically add a table row with an onclick function

Question

Is it possible to pass the "id" parameter to the "onclick" function?

 for (var i = 0; i < items.length; i++)
             {
             var row = table.insertRow(0);
             row.onclick = (function() {
             var id = items[i].id;// here!
             });
             var cell = row.insertCell(0);
             cell1.innerHTML = items[i].title;
             }

When I click on row it says that items is undefined and I understand why, so I'm asking about other ways to get id parameter in onclick function. Also I'm thinking to keep id value in hidden cell

This question doesn't make sense... should look into clarifying.. — Cayce K
– Cayce K, Commented Nov 17, 2014 at 21:33
Try a console.log(items[i]) and show us the output, could also help. — Jonathan
– Jonathan, Commented Nov 17, 2014 at 21:34
If you can use jQuery then here is the answer to your question. stackoverflow Answer — NewToJS
– NewToJS, Commented Nov 17, 2014 at 21:39

Mike Willis · Accepted Answer · 2014-11-17 21:51:20Z

3

Without using jQuery, I'd do something along these lines:

for (var i = 0; i < items.length; i++) {
    var row = table.insertRow(0);
    row.setAttribute("data-myID", items[i].id);
    row.onclick = (function() {
        console.log(this.getAttribute("data-myID"));
    });
    var cell = row.insertCell(0);
    //cell1.innerHTML = items[i].title;
}

full fiddle here: http://jsfiddle.net/hztkzcya/

answered Nov 17, 2014 at 21:51

Mike Willis

1,52116 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

dynamically add a table row with an onclick function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related