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的获取浏览器窗口大小的代码
Mar 28 Javascript
js日历功能对象
Jan 12 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
Dec 27 Javascript
js动态创建标签示例代码
Jun 09 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
BootstrapTable refresh 方法使用实例简单介绍
Feb 20 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 Javascript
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
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数字格式化
2006/12/06 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
用js重建星际争霸
2006/12/22 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
iframe子页面与父页面在同域或不同域下的js通信
2014/05/07 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
jQuery中inArray方法注意事项分析
2016/01/25 Javascript
bootstrap多层模态框滚动条消失的问题
2017/07/21 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
深入浅析Vue中的 computed 和 watch
2018/06/06 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
Python 爬虫多线程详解及实例代码
2016/10/08 Python
深入浅析Python的类
2018/06/22 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
django 简单实现登录验证给你
2019/11/06 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
享誉全球的多元化时尚精品购物平台:Farfetch发发奇(支持中文)
2017/08/08 全球购物
如何用Java判断一个文件或目录是否存在
2012/11/19 面试题
法律专业应届本科毕业生求职信
2013/10/25 职场文书
市场营销专业毕业生自荐信
2013/11/02 职场文书
缓刑人员的思想汇报
2014/01/11 职场文书
简历的自我评价
2014/02/03 职场文书
校庆接待方案
2014/03/18 职场文书
青年文明号汇报材料
2014/12/23 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
论文答辩开场白大全
2015/05/27 职场文书
会议简报格式范文
2015/07/20 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
MySQL中一条update语句是如何执行的
2022/03/16 MySQL
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript