以前只是見(jiàn)過(guò)很多動(dòng)態(tài)添加內(nèi)容的效果，這次還是自己第一次在項(xiàng)目里接觸到呢，就簡(jiǎn)單記錄下來(lái)了，希望對(duì)大家有幫助。

這里的效果是選中一個(gè)選擇框，對(duì)應(yīng)的內(nèi)容區(qū)就會(huì)相應(yīng)的出現(xiàn)對(duì)應(yīng)的詳細(xì)內(nèi)容，取消選擇框，對(duì)應(yīng)的內(nèi)容就會(huì)消失，點(diǎn)擊前的效果如下：

點(diǎn)擊后效果如圖：

具體html代碼如下：

="xml"]

保養(yǎng)項(xiàng)目

已選購(gòu)產(chǎn)品

標(biāo)準(zhǔn)價(jià)

嘟嘟價(jià)

數(shù)量

js代碼：

$(".protect-active").each(function(){

var item_id = $(this).data('id');

if ( -1 == $.inArray(item_id, item_ids) ) {

item_ids.push(item_id);

}

// 獲取已選中的id

$("input[name='item_id[]']").val(item_ids);

var request = $.ajax({

url: '{{ path("frontend_subsidy_selectItem") }}',

data: {item_id: item_ids},

dataType: "json",

type: "POST",

}).done(function(response){

for(var i=0; i

var item = response.item_info[i];

var html_table = '

var html_gray = '';

html_gray +='

';

var url = "{{ path('frontend_info_subsidyServerInfo',{id:'wederfde',type:2}) }}";

url = url.replace("wederfde",item.id);

html_gray += '

'+item.title+'';

html_gray += '

';

html_gray += '

￥'+item.price_origin+'';

html_gray += '

￥'+''+item.price+'';

html_gray += '

';

html_gray += '

';

html_gray += '

刪除

';

html_gray += '

';

html_gray +='

';

html_gray +='

';

// 獲取總價(jià)

var money_select = parseFloat(item.price);

console.log(money_select);

money = accAdd(money, money_select);

console.log(money);

$(".all-pay-price").text(money);

var html_list = '

';

for( var j=0; j

var item_list = item.data[j];

for(var m=0; m

html_list += '

';

var data = item_list.data[m];

var html_td = '';

if (m==0) {

html_list += '

'+item_list.typeName+'';

}

html_td += '

'+data.introduce+'

';

html_td += '

'+data.price_origin+'

';

html_td += '

'+data.price_item+'

';

html_td += '

';

html_td += '

';

html_list += html_td;

html_list += '

';

}

}

html_list+= '

';

html_table = html_table + html_gray + html_list;

html_table += '

';

}

轉(zhuǎn)載時(shí)請(qǐng)注明出處及相應(yīng)鏈接，本文永久地址：https://blog.yayuanzi.com/15500.html

微信打賞

支付寶打賞

感謝您對(duì)作者erin的打賞，我們會(huì)更加努力！????如果您想成為作者，請(qǐng)點(diǎn)我

總結(jié)

以上是生活随笔為你收集整理的动态添加 ajax,ajax动态的添加内容【原创】的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。