Javascript jquery自动完成：选择了几个元素，如何不在下拉菜单中显示所选元素？

我实现了一个jquery自动完成输入，它显示一个下拉列表

我使用该字段选择多个元素，因此当我选择一个元素并按enter键时，输入将清空，我可以选择另一个元素

我的疑问：我该怎么做才能不在下拉列表中显示已选择的元素

这是我的js代码：

  jQuery("#user_autocomplete")
  .autocomplete('autocompleteUser', jQuery.extend({}, {
    dataType: 'json',
    parse: function(data) {

      var parsed = [];
      for (key in data) {

    parsed[parsed.length] = { data: [ data[key], key ], value: data[key], result: data[key] };
      }

      return parsed;

      }
  } ))
  .result(function(event, data) {
   $('#field_users').append('<div class="user_choosen" id=' + data[1] + '>' + data[0] +'<a class="link_delete_user" href="#" onclick="javascript:deleteUser(' + data[1] +')">Delete</a></div>'); 
    $('#user_autocomplete').val(''); 

  });

问候

---

Javi

我的建议是编辑autocomplete的源属性。执行fetch并接收JSON数据后，删除已在所选div.user_中的元素。您可以随时编辑自动完成选项。您需要编辑源选项。

在解析函数中，过滤掉那些已经选择的元素，不要将它们添加到解析的[]数组中。

为什么要对用户隐藏选择？看起来您需要一个自定义小部件化的自动完成。在它的项目解析部分，您可以选择不将它们添加到列表中。