当前位置: 首页 > 编程笔记 >

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

乔鸿骞
2023-03-14
本文向大家介绍使用jQuery将多条数据插入模态框的实现代码,包括了使用jQuery将多条数据插入模态框的实现代码的使用技巧和注意事项,需要的朋友参考一下


//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>"); }); }); }

 类似资料:
  • 本文向大家介绍JSP中使用JavaScript动态插入删除输入框实现代码,包括了JSP中使用JavaScript动态插入删除输入框实现代码的使用技巧和注意事项,需要的朋友参考一下 JavaScript代码: Jsp页面中的关键代码 设置table的id以便JavaScript中能识别该table

  • 本文向大家介绍C# Oracle批量插入数据进度条的实现代码,包括了C# Oracle批量插入数据进度条的实现代码的使用技巧和注意事项,需要的朋友参考一下 前言 由于项目需求,需要将Excel中的数据进过一定转换导入仅Oracle数据库中。考虑到当Excel数据量较大时,循环Insert语句效率太低,故采用批量插入的方法。在插入操作运行时,会造成系统短暂的“卡死”现象。为了让用户知道插入的状态,需

  • 主要内容:使用 MySQLi 和 PDO 向 MySQL 插入多条数据,实例 (MySQLi - 面向对象),实例 (MySQLi - 面向过程),实例 (PDO),使用预处理语句,实例 (MySQLi 使用预处理语句)使用 MySQLi 和 PDO 向 MySQL 插入多条数据 mysqli_multi_query() 函数可用来执行多条SQL语句。 以下实例向 "MyGuests" 表添加了三条新的记录: 实例 (MySQLi - 面向对象) <?php $servername = "loc

  • 本文向大家介绍用一条mysql语句插入多条数据,包括了用一条mysql语句插入多条数据的使用技巧和注意事项,需要的朋友参考一下        假如有一个数据表A: id name title addtime         如果需要插入n条数据 :    之前我的想法会是,通过数据构造多条插入语句,循环调用 。如:         之后发现了sql的insert语句可以一次插入多条:       

  • 本文向大家介绍bootstrap实现嵌套模态框的实例代码,包括了bootstrap实现嵌套模态框的实例代码的使用技巧和注意事项,需要的朋友参考一下 项目上有一个需求,需要在已经弹出的一个bootstrap模态框的基础上再弹一个模态框。 因为bootstrap官方不建议这么做,最后实现的过程属实不易。 以下是解决方案: html代码: 遮罩的css样式: js代码: 总结 以上所述是小编给大家介绍的

  • 本文向大家介绍jQuery实现元素的插入,包括了jQuery实现元素的插入的使用技巧和注意事项,需要的朋友参考一下  效果图: 图(1) 初始效果 图(2) 点击' 插入到此元素前面 '效果  代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!