Javascript:循环只打印最后一个值
Javascript:循环只打印最后一个值
提问于 2018-08-07 07:47:41
我使用下面的循环在javascript中打印数据。
for(var i = 0; i < result.data.length; i++){
var getbills = result.data;
var html = "<tr>";
html+= "<td>"+getbills[i].customername+"</td>";
html+= "<td>"+getbills[i].customerphone+"</td>";
html+= "<td>"+getbills[i].tablename+"</td>";
html+= "<td>"+getbills[i].sale_date+" "+getbills[i].sale_time+"</td>";
html+= "<td><a href='javascript:void(0)' data-id='"+getbills[i].id+"'
class='btn btn-primary'
onclick='payforthependingorder("+getbills[i].id+")'>View</a><br /><a
href='"+baseURL+"Sale/deletesales/"+getbills[i].id+"' class='btn btn-
danger'>Delete</a></td>";
html+= "</tr>";
$("#billonholdtable").html(html);
}当我在网络选项卡中看到它时，它有以下值
但是只有最后一张打印在表格里，请帮我拿这个。谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-08-07 07:50:57
您在代码中使用了$("#billonholdtable").html(html);，这使得每次迭代都重新生成一个新的html，而不是附加它。
这个怎么样？
var content= '';
for(var i = 0; i < result.data.length; i++){
var getbills = result.data;
var html = "<tr>";
html+= "<td>"+getbills[i].customername+"</td>";
html+= "<td>"+getbills[i].customerphone+"</td>";
html+= "<td>"+getbills[i].tablename+"</td>";
html+= "<td>"+getbills[i].sale_date+" "+getbills[i].sale_time+"</td>";
html+= "<td><a href='javascript:void(0)' data-id='"+getbills[i].id+"'
class='btn btn-primary'
onclick='payforthependingorder("+getbills[i].id+")'>View</a><br /><a
href='"+baseURL+"Sale/deletesales/"+getbills[i].id+"' class='btn btn-
danger'>Delete</a></td>";
html+= "</tr>";
content += html;
}
$("#billonholdtable").html(content);Stack Overflow用户
发布于 2018-08-07 07:50:15
将$("#billonholdtable").html(html);带出循环，或者
使用
$("#billonholdtable").append(html);Stack Overflow用户
发布于 2018-08-07 10:47:09
您必须声明变量html不在循环中。var html=''；在循环中，您必须定义如下所述。html+=“值”；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51717014
复制相关文章
相似问题