自动完成多个值隐藏字段答案

【问题标题】：Autocomplete multiple values hidden field自动完成多个值隐藏字段
【发布时间】：2017-08-28 12:50:46
【问题描述】：

我有一个自动完成字段，但有两个问题。

我需要获取所选类别的“ID”。我通过隐藏字段发送它，但是当用户选择多个类别时，唯一剩下的 id 是最后选择的类别的 id。较新的 id 会覆盖以前的 id。我该如何解决这个问题？！

我还有一个问题：当用户删除所有选择的类别时，隐藏字段仍然被填充。

代码sn-p

 <input type="text" id="example-tags" name="categorie" class="input-tags" value="">
                <input type="hidden" id="cat-id" name="catid" />



var data = [{"value":"1","label":"PHP"},{"value":"2","label":"Python"},{"value":"3","label":"Java"},{"value":"4","label":"ActionScript"},{"value":"5","label":"LUA"}];


     $('#example-tags_tag').autocomplete({

    source: data,

    focus: function( event, ui ) {
    $( "#example-tags_tag" ).val( ui.item.label );
    return false;
  },

    select: function( event, ui ) {
        $("#cat-id").val(ui.item.value);           


      return false;
    }

 });

使用堆栈工具效果不佳。这里是网上的代码： Http: //localhost/testes/auto-complete.html

【问题讨论】：

标签： javascript jquery jquery-ui autocomplete

【解决方案1】：

您可以通过将值与诸如“，”之类的字符连接来附加值，而不是覆盖，然后再次将其分解以获得单个值，例如：

select: function( event, ui ) {
    if( $("#cat-id").val() != '' )
    {
        $("#cat-id").val( $("#cat-id").val() + ',' + ui.item.value);
    }
    else
    {
        $("#cat-id").val(ui.item.value);
    }
    return false;
}

Working fiddle

【讨论】：