国产探花免费观看_亚洲丰满少妇自慰呻吟_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>");
});
});
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新绛县| 宁武县| 宽甸| 乌兰浩特市| 金山区| 友谊县| 德令哈市| 鱼台县| 沾化县| 清丰县| 平塘县| 道孚县| 宁波市| 普洱| 贡嘎县| 都江堰市| 商都县| 萨嘎县| 沂水县| 东乡族自治县| 平泉县| 元阳县| 陆河县| 巴青县| 班玛县| 积石山| 黄大仙区| 镇安县| 自治县| 视频| 山西省| 马边| 水城县| 宝山区| 宜兰县| 阜宁县| 吉林市| 南康市| 封丘县| 黄浦区| 嘉荫县|