如何保持标签值始终追加并且不被新值替换 - how to keep tag value always append and didn't replace by new value

how to keep tag value always append and didn't replace by new value

我想用自动建议制作一个多标签，并用逗号分隔。和我有一个问题。每次我从建议结果中单击时。它总是被新值替换。

这是我的代码：

.HTML：

<input type="text" id="ftags" autocomplete="off" value="" name="tags" onkeyup="lookup(this.value);">
<div id="suggestions" style="top: 26px; display: block;">
    <p id="searchresults">
        <span class="category">AirCraft</span>
            <a href="#" class="searchlink" id="data_1"><span class="searchheading" data="Ace Aviation" id="span_1">Ace Aviation</span></a>
            <a href="#" class="searchlink" id="data_2"><span class="searchheading" data=" Ackland" id="span_2"> Ackland</span></a>
            <a href="#" class="searchlink" id="data_3"><span class="searchheading" data="Adam Aircraft" id="span_3">Adam Aircraft</span></a><span class="seperator">
            <a href="" title="Sitemap">Nothing interesting here? Try the sitemap.</a>
        </span>
        <br class="break">
    </p>
</div>

jQuery

function lookup(inputString) {
        if(inputString.length == 0) {
            $('#suggestions').fadeOut(); // Hide the suggestions box
        } else {
            $.post("modul/mod_album/rpc.php", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
                $('#suggestions').fadeIn(); // Show the suggestions box
                $('#suggestions').html(data); // Fill the suggestions box
            });
        }
}
$('.searchlink').click(function(e) {
        var parent  = $(this).closest('a').attr('id').replace('data_','');
        var val_data = $("#span_"+parent).attr('data');
        var ftag = $("#ftags").val();

       $("#ftags").val(val_data).focus();     
       e.preventDefault();
})

此指令替换以下内容：

  $('#suggestions').html(data);

您可能希望执行以下操作：

 // append to current content
  $('#suggestions').html(  $('#suggestions').html()+data);

或者，如果您需要一些 html 来分隔标签，

  var currentTags =  $('#suggestions').html();
  if (currentTags != '')
    currentTags += ',&nbsp;';
  $('#suggestions').html( currentTags+data);

考虑一行代码！ var combo = ftag + val_data ;

var val_data = $("#span_"+parent).attr('data');
var ftag = $("#ftags").val();
var combo = ftag + val_data ;
$("#ftags").val(combo).focus();