如何將多個ajax調用的結果填充到相同的div ID中？

Question

我有兩個自動完成文本框。 我想在相同的div中填充ajax結果，以便兩個div的樣式都相同。 如何在keyup上實現這一目標。 是否可以像他一樣添加

$("#main_search").keyup(function(){
 var el = $(this);
//alert("hi");
  if (e.which !== 38 && e.which !== 40 && e.which !== 13) {
            delay(function() {
    $.ajax({
    type: "POST",
    url: "<?php echo base_url('search_jobs/get_category'); ?>",
    data:'term='+$(this).val(),
    //beforeSend: function(){
 //         $('#loader-icon').show();
 //     },
    success: function(data){
        //alert(data);
        $("#suggesstion-box").show();
        $("#suggesstion-box ul li").css("border","1px solid red");
        $("#suggesstion-box").html(data);
        $("#search-box").css("background","#FFF");
    }
     });
            }, 400);


    });
}); 


$("#location_search").keyup(function(){
 var el = $(this);
 if (e.which !== 38 && e.which !== 40 && e.which !== 13) {
            delay(function() {
    $.ajax({
    type: "POST",
    url: "<?php echo base_url('search_jobs/get_location'); ?>",
    data:'term='+$(this).val(),

    success: function(data){
        $("#suggesstion-box").show();
        $("#suggesstion-box").html(data);
        $("#location_search").css("background","#FFF");
    }
    });
}); 

Answer 1

更改此行：

$("#suggesstion-box").html(data);

至

$("#suggesstion-box").append(data);

這將繼續添加到框中，您可能需要在特定時間清除建議框，具體取決於您的流程。