Javascript 向div添加内容

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

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

}

函数updateCarList（事务、结果）{
//初始化listitems变量
var listitems=“”；
//获取汽车列表持有者ul
var listholder=document.getElementById（“收据”）；
//无障碍汽车清单
listholder.innerHTML=“收据
”；
var i；
//反复浏览结果
对于（i=0；i”；
}
}

我尝试了多种方法，包括appendo、append、text、html，但似乎都不起作用。现在它只是替换了从getreceipt.php获取的代码

有谁能提供一些建议吗？谢谢

“附加”应该可以工作，如果您已经在使用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.

..//上面的代码
//反复浏览结果
风险价值=$（''）；
对于（i=0；i”；
chairs.append（rowHTML）；
}
列表持有者。附加（椅子）；
... // 您的代码-实际上只有函数关闭。

“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.

..//上面的代码
//反复浏览结果
风险价值=$（''）；
对于（i=0；i”；
chairs.append（rowHTML）；
}
列表持有者。附加（椅子）；
... // 您的代码-实际上只有函数关闭。