下拉选项插件的实现

前言

2017年给自己定了120篇的博客的目标，任务有点艰巨，趁着过年回家闲着写点插件，把自己的想法实现的同时，同时让自己写代码更加的顺溜。言归正传：为什么要实现这个下拉的选项的功能呢，其实它的应用非常的广泛

1. 实时的从通过搜索将复合的数据给求出来，如搜索等（这种是可以自己输入的类型）如12306的车站的选择（这种是只能选择搜出的内容）
2. 多选的功能，虽然select提供了multiple的功能，但是在web端中的显示非常的丑陋
3. web端中的下拉select可以实现选择的功能，但是在web端option的样式难以设置，显现出来不和谐

插件打算实现以下条件

1. 数据方面，分实时数据和固定数据（固定数据，实时数据）
2. 事件触发的控制（click，mouseenter等）
3. 强制选择搜出的内容或者可以自己手动填写
4. 关键字的加粗（待确定）
5. 下拉的选项框的宽度是跟随输入框的宽度超出的部分...，还是选项的长度自动设置下拉框的
6. 下拉框选取前面的几项还是全部显示

下拉选项插件的实现

原文：http://www.cnblogs.com/heyinwangchuan/p/6349388.html