Как добавить слово из ввода в другую форму ввода

Question

Я создаю ajax live search, я использую функцию заполнения. поэтому, когда я щелкну слово, которое появляется при поиске, оно заполнит другую форму ввода. но я хочу, чтобы при его заполнении не заменить старое слово.

например у меня есть input1 и input2. input1 для поиска и input2 для заполнения слова, которое я выбрал. например, я уже выбрал word1 из input1. word1 заполнит input2.

как это input2 = word1

но когда я ищу другое слово в input1, я хочу, чтобы это слово я выбрал не замену input2, а добавление его. например, я выбираю word2, поэтому в input2 будет

как этот input2 = word1, word2

вот мой скрипт поиска в реальном времени

function fill(Value) {
   $('#tag_list').val(Value);
   $('#display').hide();
}

$(document).ready(function() {
   $("#tag").keyup(function() {
       $('#display').show();
       var name = $('#tag').val();
       if (name == "") {
           $("#display").html("");
           $("#display").hide();
       }
       else {
           $.ajax({
               type: "POST",
               url: "../cari/tag.php",
               data: {
                   search: name     
               },
               success: function(html) {
                   $("#display").html(html).show();     
               }     
           });     
       }     
   });

});

мой код tag.php

<div class="result" onclick='fill("<?php echo $caris['id_t']; ?>,")'>

Answer 1

Вы можете использовать Назначение дополнения :

Оператор присваивания сложения добавляет значение правого операнда переменной и присваивает результат переменной. Типы два операнда определяют поведение сложения присваивания оператор. Возможно добавление или объединение. Смотрите дополнение оператор для более подробной информации.

Синтаксис

Operator: x += y 
Meaning:  x  = x + y

для вашего случая:

var query = '';

  
$('#search').on('click',function(){
  fill();
});
function fill() {
    query += $('#input1').val() + ',';
    $('#input2').val(query.slice(0,-1));
  /* The slice function will remove the last caractere from string ',' */
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="input1" id="input1">
<input type="text" name="input2" id="input2">

<button id="search">search</button>

Answer 2

Вы можете добавить значения, как показано ниже

function fill(Value) {
   var $tagList = $('#tag_list');
   var previousVal = $tagList.val();
   if(previousVal) {
      previousVal += ", ";
   }
   $tagList.val(previousVal  + Value);
   $('#display').hide();
}