更新更新下拉在keyup上附加结果

Question

我试图在下拉列表中显示搜索结果 - 一旦关键字更改想要更新下拉结果 - 但是一旦第一个结果显示它不会消失在密钥上但结果出现在初始结果下面

例如 -

如果我是“a” 结果 -

• ABC
• ABB
• ACC

如果我输入“ac”，再次

结果显示

• abc
• abb
• acc
• ACC

只有

• ACC 需要显示

这是我的javascript代码

   for(i=0; i <results.length; i++){
   $('#list_id').append('<li><a href="">'+results[i].get("name")+'</a</li>');                       
                }

Answer 1

您需要在完成循环之前重置元素

使用：

$('#list_id').html('');
for(i=0; i <results.length; i++){
   $('#list_id').append('<li><a href="">'+results[i].get("name")+'</a</li>');                       
}

Answer 2

您应该清除每个keyup上的列表。

例如：

$('.searchbox').on('keyup', function() {
  $('#list_id').html('');
  for(i=0; i <results.length; i++){
   $('#list_id').append('<li><a href="">'+results[i].get("name")+'</a</li>');
  }
});