如何在选择选项下拉列表中添加输入文本

我想知道如何将输入文本框添加到SELECT下拉列表中，并将其用作在javascript中搜索过滤。

<select class="form-control">
    <option value="trans">Trans</option>
    <option value="fund">Fund</option>
    <option value="insta">Insta</option>
</select>

---

解决方案

您可以尝试<datalist>：

HTML<datalist>元素包含一组表示其他控件可用的值的元素。

<input list="select" name="select">
<datalist class="form-control" id="select">    
  <option value="Trans"/>
  <option value="Fund"/>
  <option value="Insta"/>
</datalist>