从列表中添加选项作为标记

Question

我正在尝试实施一个列表，在用户输入表单字段时向用户提供建议，并在用户单击/输入选项后将该选项添加为标记。就像Upwork技能领域

一样

我有语言作为选项，用户可以选择多种语言。 现在，我将它作为带有复选框的下拉列表实现。

<div class="button-group">
 <label class="form-control" data-toggle="dropdown">Choose Languages<span class="fa fa-angle-down"></span> </label>
  <ul class="dropdown-menu">
   <li>
    <a class="small"><%= f.check_box :language5, {}, 'none', nil %> No Other Language</a>
   </li>
   <li>
    <a class="small"><%= f.check_box :language1, {}, 'arabic', nil %> Arabic </a>
   </li>
   <li>
    <a class="small"><%= f.check_box :language2, {}, 'cantonese', nil %> Cantonese </a>
   </li>
   <li>
    <a class="small"><%= f.check_box :language3, {}, 'french', nil  %> French </a>
   </li>
   <li>
    <a class="small"><%= f.check_box :language4, {}, 'spanish', nil %> Spanish </a>
   </li>
 </ul>
</div>

在标签类型方法的实现中会喜欢一些指导。 TIA。