【问题标题】:HTML button onclick function not working with jQuery variable as argumentHTML按钮onclick函数不能使用jQuery变量作为参数
【发布时间】:2016-05-13 21:24:20
【问题描述】:
success: function(jsonresponse) {
    data = JSON.stringify(jsonresponse);

  $.each(JSON.parse(data), function (index, item) {
    var Id=item.id;
    var JobId=item.JobId;

 var eachrow = "<tr>"
             + "<td>" + item.id + "</td>"
             + "<td>" + item.JobId + "</td>"
             + "<td>" + item.UserId + "</td>"
             + "<td>" + item.updatedAt + "</td>"
             + "<td>" + "<button onclick='myFunction(JobId,Id, \"accepted\")' class='btn btn-success btn-block'>Reject</button>" + "</td>"
             + "<td>" + "<button onclick='myFunction(JobId,Id, \"rejected\")' class='btn btn-success btn-block'>Reject</button>" + "</td>"
             + "</tr>";

 $('#tbody2').append(eachrow);
 });

},

myFuntion(JobId,Id,\"accepted\") 不适用于变量作为参数,但是当手动添加时,函数可以工作,例如 myFuntion(1,3,\"accepted\")。

【问题讨论】:

  • 这是因为您以错误的方式将按钮附加为按钮的 onclick 属性中的字符串变量..!

标签: javascript jquery ajax html json.net


【解决方案1】:

问题:您没有在 HTML 代码中连接 JobIdId

解决方案: 在您的 HTML 代码中正确连接您的 JobIdId 变量,您会很高兴:

success: function(jsonresponse) {
    data = JSON.stringify(jsonresponse);

  $.each(JSON.parse(data), function (index, item) {
    var Id=item.id;
    var JobId=item.JobId;

 var eachrow = "<tr>"
             + "<td>" + item.id + "</td>"
             + "<td>" + item.JobId + "</td>"
             + "<td>" + item.UserId + "</td>"
             + "<td>" + item.updatedAt + "</td>"
             + "<td>" + "<button onclick='myFunction("+JobId+","+Id+", \"accepted\")' class='btn btn-success btn-block'>Reject</button>" + "</td>"
             + "<td>" + "<button onclick='myFunction("+JobId+","+Id+", \"rejected\")' class='btn btn-success btn-block'>Reject</button>" + "</td>"
             + "</tr>";

 $('#tbody2').append(eachrow);
 });

},

【讨论】:

  • 尝试了您的解决方案,但 myFunction 仍然无法正常工作
  • 您的代码可能有问题,您可以实时分享您的代码的链接吗?
  • 如果您所说的是正确的,当您手动将值放入 Function 时,您的功能可以正常工作,那么您需要检查您的按钮是否打印了这些值? ?
猜你喜欢
  • 2017-01-20
  • 2010-10-19
  • 2013-12-01
  • 2019-11-06
  • 1970-01-01
  • 1970-01-01
  • 2022-10-02
  • 1970-01-01
  • 2014-12-22
相关资源
最近更新 更多