javascript - 传递参数 - 使用 JavaScript 函数的动态 HTML

Question

我有一个可以动态构建表格的 JavaScript 函数。我有一个函数，一旦单击该表内的按钮，就会调用该函数。

var bankButtonRefresh = '<a href="javascript:void(0)" onClick="refreshBankDataFunction('+parentId+')" 
class="btn-sm btn-primary permissionDeny pull-right" role="button">Refresh</a>';
row +='<td style="position:relative">' + bankButtonRefresh2 + '</td>';

当我打印出bankBut​​tonRefresh2的值时，该值为:

<a href="javascript:void(0)" onClick="refreshBankDataFunction(a34c0000000jiecccA)" 
class="btn-sm btn-primary permissionDeny pull-right" role="button">Refresh</a>

所以我可以看到parentId 传递不正确。

我并不想做任何花哨的事情，我只是想将 Id 传递给函数，但当我单击按钮时，我没有收到任何响应。

function refreshBankDataFunction(obj){ //obj is the parentId
      alert('got into the function: ' + obj);
}

我是否没有正确传递parentId？

Answer 1

试试这个:

var bankButtonRefresh = '<a href="javascript:void(0)" onClick="refreshBankDataFunction({param:'+parentId+'})" class="btn-sm btn-primary permissionDeny pull-right" role="button">Refresh</a>';


function refreshBankDataFunction(obj){ //obj is the parentId
      alert('got into the function: ' + obj.data.param);
}