搜索下拉建议

Question

有没有更好的方法来建立一个输入框与下面的建议下拉列表的下拉列表？

<div id="dropdown-group" class="input-group dropdown"> 
    <input id="keyword" type="search" class="form-control"> 

    <ul id="suggestion-list" class="dropdown-menu"> 
     <li> 
      <a href="link"> 
       <img class="img-sm" src="img_path"> 
       <span>name</span> 
      </a> 
     </li> 
    </ul> 
</ul> 

input-group，dropdown，form-control和dropdown-menu都引导类。 我使用vuejs和ajax填写用户在搜索输入字段（#keyword）中键入的无序列表（#suggestion-list）。 我也听输入丢失和获得焦点，我添加和删除引导类open打开和关闭下拉列表。我故意跳过那个javascript的代码来关注html和css。

缺少什么是当按下箭头键浏览建议列表的功能。

有没有更好的方法来设计这样一个列表？

Answer 1

this怎么样。在行动中看到它here。不管你想做什么，总会有人做得更聪明，更快。