使用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中实现私有属性的写类方式(一)
Dec 04 Javascript
对JavaScript中this指针的新理解分享
Jan 31 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
Dec 20 Javascript
使用Javascript简单计算器
Nov 17 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
Aug 29 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
微信小程序自定义底部弹出框动画
Nov 18 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实现的下载css文件中的图片的代码
2010/02/08 PHP
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
js字符串转成JSON
2013/11/07 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
js实现数字滚动特效
2019/12/16 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
python sort、sorted高级排序技巧
2014/11/21 Python
python中常用检测字符串相关函数汇总
2015/04/15 Python
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
django settings.py 配置文件及介绍
2019/07/15 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
2015年会计工作总结范文
2015/05/26 职场文书
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS