gpt4 book ai didi

javascript - 将内容添加到 div

转载 作者:行者123 更新时间:2023-11-28 06:24:15 25 4
gpt4 key购买 nike

我目前正在使用此代码通过单击按钮从页面获取内容:

function getfilter(str){
$.ajax({
type: "GET",
//path to php page to get data
url:"getreceipt.php?table="+str+"",
success:function(html){

//here is your success action
//get data on div
$("#receipt").html(html);
}
});
}

然后我想使用此代码将innerHTML 内容添加到先前代码创建的内容上方的同一div 中:

function updateCarList(transaction, results) {
//initialise the listitems variable
var listitems = "";
//get the car list holder ul
var listholder = document.getElementById("receipt");

//clear cars list ul
listholder.innerHTML = "Receipt<br>";

var i;
//Iterate through the results
for (i = 0; i < results.rows.length; i++) {
//Get the current row
var row = results.rows.item(i);

listholder.innerHTML += "Chair "+row.chair+"-<input type='hidden' id='chair[]' name='chair[]' value='"+row.chair+"' /><input type='hidden' id='item' name='item[]' value='"+row.item1+"' /><input type='hidden' id='price' name='price[]' value='"+row.price+"' />" + row.item1 + " - $" + row.price + " (<a href='javascript:void(0);' onclick='deleteCar(" + row.id + ");'>Delete Car</a>)<br>";
}

}

我尝试了多种方法,包括appendTo、append、text、html,但似乎没有任何效果。现在的情况是它只是替换了从 getreceipt.php 获取的代码

有人可以提供任何建议吗?谢谢!

最佳答案

“append”应该可以工作,如果您已经在使用 JQuery,请退出使用innerHTML。我实际上会创建一个单独的 div 并将所有行附加到该 div 中,然后将此 div 附加到列表持有者中。

... // your code above
//Iterate through the results
var chairs = $('<div></div>');
for (i = 0; i < results.rows.length; i++) {
var row = results.rows.item(i);
var rowHTML = "<p>Chair "+row.chair+"-<input type='hidden' id='chair[]' name='chair[]' value='"+row.chair+"' /><input type='hidden' id='item' name='item[]' value='"+row.item1+"' /><input type='hidden' id='price' name='price[]' value='"+row.price+"' />" + row.item1 + " - $" + row.price + " (<a href='javascript:void(0);' onclick='deleteCar(" + row.id + ");'>Delete Car</a>)</p>";
chairs.append(rowHTML);
}
listholder.append(chairs);
... // your code - actually only function closing.

关于javascript - 将内容添加到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35259371/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com