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


Posted in Javascript onSeptember 25, 2014
//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>");
});
});
}
Javascript 相关文章推荐
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
js Calender控件使用详解
Jan 05 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
bootstrap学习笔记之初识bootstrap
Jun 21 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
Sep 24 Javascript
微信小程序 二维码canvas绘制实例详解
Jan 06 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
vue 实现滚动到底部翻页效果(pc端)
Jul 31 Javascript
详解JavaScript的计时器和按钮效果设置
Feb 18 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
Sep 25 #Javascript
jquery动态分页效果堪比时光网
Sep 25 #Javascript
浅析js预加载/延迟加载
Sep 25 #Javascript
深入了解Node.js中的一些特性
Sep 25 #Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 #Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 #Javascript
JS小游戏之宇宙战机源码详解
Sep 25 #Javascript
You might like
PHP音乐采集(部分代码)
2007/02/14 PHP
PHP 日期时间函数的高级应用技巧
2009/10/10 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
Jquery时间验证和转换工具小例子
2013/07/01 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
js如何打印object对象
2015/10/16 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
基于jquery日历价格、库存等设置插件
2020/07/05 jQuery
js canvas实现红包照片效果
2018/08/21 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
vue中注册自定义的全局js方法
2019/11/15 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
公司成立感言
2014/01/11 职场文书
销售员岗位职责范本
2014/02/03 职场文书
项目经理任命书范本
2014/06/05 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
答辩状格式范本
2015/05/22 职场文书
工程进度款催款函
2015/06/24 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书