带搜索功能的下拉框

我们在浏览淘宝、百度等的时候，经常会在输入框中输入一个字符或者一个单词，输入框下方的下拉框里的选项就会显示出和输入框中输入值相似的字符串，这就是根据输入框中的输入值进行模糊查询，也是一种联想式下拉框。

通过上面的对比我们可以看出，在输入框输入数据之前，下拉框选项都是选项，在输入框输入数据之后，下拉框选项会被过滤掉。

从上图我们可以看到荧光笔涂鸦部分是一个标签。

先介绍一下标签：该控件是用来显示限制在控件内的重复项列表的百度搜索下拉框怎么做，是属于ASP.NET的一个控件，也就是说在标签中输入一个值，就会显示一个跟标签类似的值，标签和控件之所以能连在一起，主要是在标签上调用（上图红圈部分），如果不调用，就不会有选择。

上面是手写的联想下拉框，但是还不够完善，选项有限，只能从自己手头的为数不多的数据中进行选择。所以，我们需要换个思路，让联想下拉框变得更好。我们可以用插件来补充，插件自带一个带搜索功能的选择框，搜索匹配功能通过插件中的lay-属性设置来启用。

插件中的源代码（免责声明：上图中的源代码来自文档源代码，并非我的原创作品）

你可以对比一下效果看看个人喜好，选择自己更喜欢的。上图左侧是直接使用插件中的lay-的效果，右侧是基于该插件使用其他插件的效果。

插件下载路径：或者直接根据下拉框搜索提示列表输入代码