怎么在选择选项下拉列表中添加输入文本

本教程将介绍如何在选择选项下拉列表中添加输入文本的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

怎么在选择选项下拉列表中添加输入文本 教程 第1张

问题描述

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

好了关于怎么在选择选项下拉列表中添加输入文本的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。