在一些网站我们经常看到当我们要输入邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助我们自动补全邮箱，怎么实现的呢？今天下面给大家分享基于jquery实现邮箱下拉列表自动补全功能，一起看看吧

记得，在上个项目中，遇到这样一个需求，网站要求填写邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助自动补全邮箱的功能。今天小编给给大家分享下我基于jquery是怎么实现此功能的！ 功能简述 •填写邮箱名字，出现下拉列表，自动补全邮箱 •点击上下按键，选取下拉列表邮箱 •按回车键，选中列表内容，隐藏下拉列表 •鼠标经过，下拉列表选项设置为高亮 •鼠标点击，选中下拉列表选项，隐藏下拉列表 HTML HTML代码很简单，我们就一个简单的输入框，然后一个ul标签，在内部可以放好多li标