如何使用jquery在文本框中设置多个值

我有一个文本框。当我点击列出的数据时（数据正在从表中获取）。我需要在文本框中设置响应表行ID。如何使用jquery在文本框中设置多个值

我需要在文本框中设置像这样的"|13456|1400|14567|"的数据。请帮我在文本框中设置ID。目前我只能设置一个ID。请找到attached image

$.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");

文本框

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

来源

2016-05-16 Rahul

我想你想这

，而不是验证码：

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

使用本：

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

来源

2016-05-16 11:24:34

由于它的工作原理。 – Rahul

您的欢迎。您可以通过选择正确的答案来终止此问题。 ;） –

您可以像这样加入：

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

来源

2016-05-16 11:26:51

如何使用jquery在文本框中设置多个值

回答

相关问题