javascript - Assign a argument value for onclick on dynamic creation of input element -

javascript - Assign a argument value for onclick on dynamic creation of input element -

this question has reply here:

setting event handlers using loop [duplicate] 3 answers

i have json object , create table values , add together remove button below

for (var keyvalue in thisadminresult) { if (thisadminresult.hasownproperty(keyvalue)) { var row = document.createelement('tr'); var firstcolumn = document.createelement('td'); var secondcolumn = document.createelement('td'); var thirdcolumn = document.createelement('td'); var fourthcolumn = document.createelement('td'); var password = document.createelement('input'); password.type = "password"; var removebutton = document.createelement('input'); removebutton.type = "button"; var updatebutton = document.createelement('input'); updatebutton.type = "button"; firstcolumn.appendchild(document.createtextnode(keyvalue)); password.value = thisadminresult[keyvalue]; secondcolumn.appendchild(password); removebutton.value = 'remove'; removebutton.onclick = function () { remove(keyvalue); } thirdcolumn.appendchild(removebutton); updatebutton.value = 'update' updatebutton.onclick = function () { //update(keyvalue); } fourthcolumn.appendchild(updatebutton); row.appendchild(firstcolumn); row.appendchild(secondcolumn); row.appendchild(thirdcolumn); row.appendchild(fourthcolumn); table.appendchild(row); } }

what need done phone call remove function particular value of 'keyvalue' variable, when each remove button pressed.

but above code

when click of remove button, calls remove function same argument value(last value of 'keyvalue').

can tell me have corrected.

you can utilize iife homecoming function current value of keyvalue, like

removebutton.onclick = (function (value) { homecoming function(){ remove(value); }; })(keyvalue);

javascript json