javascript - 如何从输入中添加单词到另一种输入形式

我正在创建一个ajax实时搜索，我正在使用填充功能。因此，当我单击搜索时弹出的单词时，它将填充到另一个输入表单中。但是我想当它填充它时不替换旧的单词。

例如我有input1和input2。 input1用于搜索，input2用于填充我选择的单词。例如，我已经从word1选择input1。 word1将填充input2。

像这样input2 = word1

但是，当我在input1中搜索另一个单词时，我希望该单词我选择不替换input2而是添加它。例如，我选择word2，因此在input2中将是

像这个输入2 = 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']; ?>,")'>

最佳答案

您可以添加如下值

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