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

How to add input text in select option dropdown(如何在选择选项下拉列表中添加输入文本)

问题描述

我想知道如何将输入文本框添加到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>

这篇关于如何在选择选项下拉列表中添加输入文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！