Wie man mehrere Werte in einem Textfeld unter Verwendung von jquery setzt

Question

Ich habe ein Textfeld. Wenn ich auf die aufgelisteten Daten klicke (Daten kommen von der Tabelle). Ich muss Antwort-Tabellenzeilen-ID in Textfeld festlegen.

Ich brauche Daten zu setzen wie diese "|13456|1400|14567|" in das Textfeld. Bitte helfen Sie mir ID in Textfeld zu setzen. Momentan kann ich nur eine ID einstellen. Sie finden den attached image

JS

$.post("getDetailsAjax.php", {keywords: keywords}, function(data){ 
    $.each(data, function() { 
     var leftboxid = this.id; 
     var producer = this.producer; 
     var model = this.model; 
     var typ = this.typ; 
     var body = this.body; 
     var date_from = this.date_from; 
     var date_to = this.date_to; 
     var power = this.power; 
     var engine_code = this.engine_code; 
     var fuel = this.fuel; 
     var ccm = this.ccm; 
     var cylinders = this.cylinders; 
     $('#search-result').append('<div class="leftboxid_'+leftboxid+'" data-leftbox="' +leftboxid+ '"><a href="#" class="list-group-item"><p class="list-group-item-text">' +producer+ ' '+model+' '+typ+' ('+body+')</p><p class="list-group-item-text">' +date_from+ ' to ' +date_to+ '</p> <p class="list-group-item-text">' +power+' ps .' +engine_code+' . ' +fuel+ ' . '+ccm+' ccm . ' +cylinders+ ' cyl</p></div>'); 
     /* right box */ 
     $(".leftboxid_"+leftboxid).on("click", function(){ 
      var setID = $(this).attr("data-leftbox"); 
      $(".append-left-id").attr("value", setID); 
     }); 
    }); 
}, "json"); 

Textbox

<div class="col-xs-4"> 
    <input type="text" class="form-control append-left-id" placeholder="Result Field"> 
</div> 

Answer 1

Ich glaube, Sie dieses

anstelle dieser Code wollen:

$(".leftboxid_"+leftboxid).on("click", function(){ 
    var setID = $(this).attr("data-leftbox"); 
    $(".append-left-id").attr("value", setID); 
}); 

Verwendung dieses:

$(".leftboxid_"+leftboxid).on("click", function(){ 
    var setID = $(this).attr("data-leftbox"); 
    $(".append-left-id").val($(".append-left-id").val()+"|"+setID); 
}); 

Answer 2

Sie können wie so anhängen:

..... 
var setID = $(this).attr("data-leftbox"); 
var val = $(".append-left-id").val(); 
$(".append-left-id").val(val+"|"+setID); 
....