jQuery插件datalist实现很好看的input下拉列表

大佬教程收集整理的这篇文章主要介绍了jQuery插件datalist实现很好看的input下拉列表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

HTML5中定义了一种input框很好看的下拉列表--datalist，然而目前它的支持性并不好(万恶的IE，好在你要渐渐退役了...)。于是最近更据需求写了一个小型datalist插件，兼容到IE8(IE7应该没多少人用了吧？)。实现的具体需求如下:

当被选中的时候(触发blur焦点)(不管是鼠标还是tab键)清空input框并且显示自定义的下拉列表,然后可以用键盘的上下键选择(鼠标当然肯定没理由不可以啦)，单击鼠标左键或者enter键将选中的列表的值输入到input框。

具体的实现代码如下：

HTML

<script type="text/javascript" src="js/jquery-1.11.0.js">