使用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 相关文章推荐
javascript+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
Three.js源码阅读笔记(光照部分)
Dec 27 Javascript
javascript 通用loading动画效果实例代码
Jan 14 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 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 文件编程综合案例-文件上传的实现
2013/07/03 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
AngularJS 中的事件详解
2016/07/28 Javascript
在html中引入外部js文件,并调用带参函数的方法
2016/10/31 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
Python set常用操作函数集锦
2017/11/15 Python
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
Python netmiko模块的使用
2020/02/14 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
python如何编写win程序
2020/06/08 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
银行毕业实习自我鉴定
2013/09/19 职场文书
《小石潭记》教学反思
2014/02/13 职场文书
煤矿安全承诺书
2014/05/22 职场文书
小学生志愿者活动方案
2014/08/23 职场文书
店铺转让协议书
2014/12/02 职场文书
2016年元旦致辞
2015/08/01 职场文书
导游词之珠海轮廓
2019/10/25 职场文书