使用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数组组合成字符串的脚本
Jan 06 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
javascript用户注册提示效果的简单实例
Aug 17 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
May 28 Javascript
JS实现仿FLASH效果的竖排导航代码
Sep 15 Javascript
微信小程序开发一键登录 获取session_key和openid实例
Nov 23 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
详解jenkins自动化部署vue
May 14 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 Javascript
layui实现显示数据表格、搜索和修改功能示例
Jun 03 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 Vue.js
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
jQuery 源码分析笔记
2011/05/25 PHP
php数组中删除元素的实现代码
2012/06/22 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
php桥接模式应用案例分析
2019/10/23 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
利用python和ffmpeg 批量将其他图片转换为.yuv格式的方法
2019/01/08 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
python将图片转base64,实现前端显示
2020/01/09 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
Python无损压缩图片的示例代码
2020/08/06 Python
python中实现词云图的示例
2020/12/19 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
阿联酋团购网站:Groupon阿联酋
2016/10/14 全球购物
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
学校安全工作制度
2014/01/19 职场文书
医院标语大全
2014/06/23 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers