如何解决如何使用Javascript创建带有动态参数onclick事件的按钮?
我有一个DataTable及其上面的一些行。每行都有一个“编辑”按钮,每个“编辑”按钮都调用myFunction(),在此仅编辑该行的数据。问题出在这里:我先编辑一行,然后再编辑第二行,然后尝试再次编辑第一行,但是它包含onClick事件参数中第一行的数据。
edit_admin_request(this_,data_){
//open modal and edit the users data. Modal has a button which when clicked calls myFunction()
}
edit_admin_object = {}; //this is defined outside of the function
function myFunction(){
...
edit_admin_object['name'] = name_.value;
edit_admin_object['email'] = email_.value;
var edit_button = '<button type="button" id="buttons" onclick="edit_admin_request(this,JSON.stringify(edit_admin_object))" name="edit_admin">Edit</button>';
var rowNode = myTable.row(window.rowindex).data(['<b>' + name_.value + '</b>',admin_role.value == '0' ? 'Admin' : 'Superadmin',phone_.value,email_.value,location_name,edit_button]).draw()
...
}
我想我知道问题出在哪里,但我不知道如何解决。 edit_admin_object
对象是全局定义的,然后每个创建的按钮都使用相同的对象。但是在这种情况下,我还能做什么呢?!
更新: 我想我现在对哪里出了问题有了更好的线索。创建新按钮时,可能是字符串语法。
新的更新。
我更接近问题了,现在我可以肯定地知道将对象字符串化并将其作为参数传递的方式了。
var edit_button = '<button type="button" id="buttons" onclick="edit_admin_request(this,\'' + JSON.stringify(edit_admin_object) + '\')" name="edit_admin">Edit</button>';
P.S。查看我所做的语法更改。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。