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>';

当我打印出bankButtonRefresh2的值时，值为：

<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);
}

Answer 2

在构建链接的位置添加一组额外的包装单引号，例如：onClick="refreshBankDataFunction(''+parentId+'')"

传递参数 - 带JavaScript函数的动态HTML

2 个答案: