2016-05-16 114 views
0

我有一個文本框。當我點擊列出的數據時(數據正在從表中獲取)。我需要在文本框中設置響應錶行ID。如何使用jquery在文本框中設置多個值

我需要在文本框中設置像這樣的"|13456|1400|14567|"的數據。 請幫我在文本框中設置ID。目前我只能設置一個ID。 請找到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"); 

文本框

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

回答

0

我想你想這

,而不是驗證碼:

$(".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); 
}); 
+0

由於它的工作原理。 – Rahul

+0

您的歡迎。您可以通過選擇正確的答案來終止此問題。 ;) –

0

您可以像這樣加入:

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