javascript - 如何将输入中的单词添加到另一个输入表单

Question

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

例如，我有 input1 和 input2。 input1 用于搜索，input2 用于填写我选择的单词。例如，我已经从 input1 中选择了 word1。 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

您可以附加如下值

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