国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery將多條數據插入模態框的實現代碼

2019-11-20 14:03:48
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 登封市| 鹤壁市| 梁河县| 许昌市| 盈江县| 洞头县| 宣汉县| 元氏县| 溧水县| 宜黄县| 洪湖市| 西乌珠穆沁旗| 建平县| 宝应县| 库伦旗| 耿马| 沙雅县| 武鸣县| 修水县| 婺源县| 玉门市| 新密市| 疏附县| 静海县| 屯门区| 讷河市| 兴国县| 靖江市| 高阳县| 沁水县| 元江| 东莞市| 阳春市| 平顶山市| 沙雅县| 新丰县| 灵武市| 阿勒泰市| 邵武市| 定南县| 香港|