如何实现下拉值的输入搜索答案

【问题标题】：How to implement input search for dropdown values如何实现下拉值的输入搜索
【发布时间】：2018-12-17 16:38:37
【问题描述】：

下面是我实现的例子。我希望当用户输入时它应该与结果匹配并且应该在输入后被选中。这可以用 HTML 或 jQuery 或 Javascript 实现吗？提前致谢。

<select id="funsports" name="funsports">
   <option value="">sports</option>
   <option value="football">grapes</option>
   <option value="tennis">mango</option>
</select>

【问题讨论】：

您的示例只是一个普通的旧 select 元素。您描述的行为听起来像一个“自动完成”字段。如果您研究一下，已经有数百个插件可用，例如this one
打开下拉菜单并开始输入？这是所有现代浏览器的标准功能吗？除非你的意思是你想要一个实际的搜索字段？
也许可以试试类似的库。 chosen
我的意思是我想像用户输入 sp... 时那样搜索应该出现运动
是的，我需要像@Will 一样的东西

标签： javascript jquery html css drop-down-menu

【解决方案1】：

要实现你想要的，你可以使用像Select2这样的jquery插件

查看演示以确保它具有您正在寻找的内容

【讨论】：