jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
更新時(shí)間：2014年09月25日 16:02:56 投稿：whsnow
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡(jiǎn)單，很實(shí)用，需要的朋友可以參考下
//Bootstrap模態(tài)框（局部） <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>名 稱(chēng)</td> <td>原 價(jià)</td> </tr> </table> </div> <div class="modal-footer"> </div> </div> </div>
/**
* 查看數(shù)據(jù)詳情
* @黑眼詩(shī)人 <www.chenwei.ws>
*/
function orderDetail(order_no)
{
//1.先清空模態(tài)框數(shù)據(jù)
$('#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){
//數(shù)據(jù)的格式如： [{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>");
});
});
}
相關(guān)文章
jQuery動(dòng)態(tài)改變圖片顯示大小(修改版)的實(shí)現(xiàn)思路及代碼
這篇文章主要介紹了jQuery動(dòng)態(tài)改變圖片顯示大小(修改版)的實(shí)現(xiàn)思路及代碼，有需要的朋友可以參考一下2013-12-12
jquery下將選擇的checkbox的id組成字符串的方法
jquery下將選擇的checkbox的id組成字符串的方法，需要的朋友可以參考下。2010-11-11
jquery獲取iframe中的dom對(duì)象(兩種方法)
本文為大家詳細(xì)介紹下父窗口中操作iframe、在子窗口中操作父窗口，獲取iframe內(nèi)的dom對(duì)象有兩種方法，感興趣的朋友可以了解下哈，希望對(duì)大家有所幫助2013-07-07
jQuery圖片查看插件Magnify開(kāi)發(fā)詳解
本篇文章主要給大家講述了jQuery圖片查看插件Magnify開(kāi)發(fā)的詳細(xì)分析，需要的朋友參考學(xué)習(xí)下吧。2017-12-12
基于jQuery實(shí)現(xiàn)復(fù)選框是否選中進(jìn)行答題提示
近期有項(xiàng)目需求是這樣的，需要根據(jù)用戶(hù)選擇的選項(xiàng)給出相應(yīng)的提示，本文給大家介紹基于jQuery實(shí)現(xiàn)復(fù)選框是否選中進(jìn)行答題提示，對(duì)jquery復(fù)選框是否選中相關(guān)知識(shí)感興趣的朋友一起看看吧2015-12-12
有些時(shí)候可能需要用到腳本為一些窗體綁定事件:比如Jquery為單選框checkbox綁定單擊事件,本人搜索整理一些常用技巧，需要了解的朋友可以參考下2012-12-12
如何在JS中實(shí)現(xiàn)相互轉(zhuǎn)換XML和JSON
下面先是跟大家分別介紹了JSON與XML以及它們的區(qū)別比較，后又分享關(guān)于JavaScript實(shí)現(xiàn)XML與JSON互轉(zhuǎn)例子，希望這些例子能給你帶來(lái)幫助。2016-07-07
這篇文章主要介紹了Jquery Fade用法詳解,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
jquery在ie7下選擇器的問(wèn)題導(dǎo)致append失效的解決方法
這篇文章主要介紹了jquery在ie7下選擇器的問(wèn)題導(dǎo)致append失效的解決方法2016-01-01
在ASP.net中母版頁(yè)加載js文件，頁(yè)面中調(diào)用時(shí)出錯(cuò)、tablesorter加載失敗等等,需要的朋友可以參考下2014-02-02