jQuery将多条数据插入模态框的示例代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery将多条数据插入模态框的示例代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含926字，纯文字阅读大概需要2分钟。

内容图文

//Bootstrap模态框（局部）
<div class="modal fade" id="orderDetail">
<div class="modal-dialog">
<div class="modal-content">
　　<div class="modal-header">
</div>

<div class="modal-body">
<table class="table">
<tr>
　　　　　　<td>名 称</td>
　　　　　　<td>原 价</td>
　　　　　　　　　　　 </tr>
</table>
</div>

<div class="modal-footer">
</div>
</div>
</div>

/**
* 查看数据详情
* @黑眼诗人 <www.chenwei.ws>
*/
function orderDetail(order_no)
{
//1.先清空模态框数据
$('#orderDetail').find('tr').first().nextAll().remove();

　　//2.外部插入
var order_no = order_no;

$.post(base_url + '?d=admin&c=orders&m=ajax_order_detail', {order_no:order_no}, function(data){

　　　　 //数据的格式如： [{no:123,old:abc},{no:234,old:def},{no:345,old:ghi}]
var obj = eval('(' + data + ')');

$.each(obj, function(i, n){

var tr = $('#orderDetail').find('tr').last();

tr.after("<tr><td>"+ n['organize_name'] + "：" + n['cate_name'] + " -- " + n['course_name'] +"</td><td>"+ n['old_price'] +"</td><td>" + n['sale_price'] + "</td></tr>");
});
});
}

内容总结

以上是互联网集市为您收集整理的jQuery将多条数据插入模态框的示例代码全部内容，希望文章能够帮你解决jQuery将多条数据插入模态框的示例代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端