使用jQuery将多条数据插入模态框的实现代码


Posted in Javascript onOctober 08, 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学习7 操作JavaScript对象和集合的函数
Feb 07 Javascript
jquery 学习笔记一
Apr 07 Javascript
JavaScript 继承机制的实现(待续)
May 18 Javascript
jquery下checked取值问题的解决方法
Aug 09 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
详谈js模块化规范
Jul 07 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
微信小程序开发之转发分享功能
Oct 22 Javascript
微信小程序实现图片压缩
Dec 03 Javascript
原生js实现滑块区间组件
Jan 20 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 #Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 #Javascript
Javascript获取当前日期的农历日期代码
Oct 08 #Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 #Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 #Javascript
javascript学习笔记(八)正则表达式
Oct 08 #Javascript
javascript学习笔记(七)Ajax和Http状态码
Oct 08 #Javascript
You might like
Php做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
Laravel 5.4因特殊字段太长导致migrations报错的解决
2017/10/22 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
php判断目录存在的简单方法
2019/09/26 PHP
php ZipArchive实现多文件打包下载实例
2019/10/31 PHP
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
AngularJS实现进度条功能示例
2017/07/05 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
python数组过滤实现方法
2015/07/27 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
PyTorch 普通卷积和空洞卷积实例
2020/01/07 Python
暇步士官网:Hush Puppies
2016/09/22 全球购物
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
优秀英语专业毕业生求职信
2013/11/23 职场文书
快餐公司创业计划书
2014/04/29 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书