使用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 相关文章推荐
JS 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
可以文本显示的公告栏的js代码
Mar 11 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
Nov 20 Javascript
jQuery简单实现图片预加载
Apr 20 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
AngularJS表达式讲解及示例代码
Aug 16 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
JS严格模式原理与用法实例分析
Apr 27 Javascript
详解vue组件之间的通信
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中动态HTML的输出技术
2006/10/09 PHP
php中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
linux平台编译安装PHP7并安装Redis扩展与Swoole扩展实例教程
2016/09/30 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
js字符串引用的两种方式(必看)
2016/09/18 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
JavaScript设计模式之单例模式简单实例教程
2018/07/02 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
Vue为什么要谨慎使用$attrs与$listeners
2020/08/27 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
python实现定时播放mp3
2015/03/29 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
python放大图片和画方格实现算法
2018/03/30 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
求职自荐信格式
2013/12/04 职场文书
高一家长会邀请函
2014/01/12 职场文书
答谢词范文
2015/01/05 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB