如何将多个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);

这将继续添加到框中，您可能需要在特定时间清除建议框，具体取决于您的流程。