前几天练习js,做了个类似百度和google的简单模糊查询下拉列表显示效果。
任务:
制作一个模糊查询的下拉列表显示的效果,可以对项目名称进行模糊查询。
我的基本思路:首先在加载页面时初始化,将数据库中的所有项目名称通过ajax传输到客户端存放到一个全局的数组里,然后在标签<input type="text">中的onkeydown事件触发的函数中对input中输入的文字在全局数组中进行搜索,将搜索到的项目名称保存到另一个数组中,再将其动态绘制到列表li中进行显示。
下面看代码:
首先是输入框的制作,既可以有下拉列表select的功能又有输入功能。
<span style="position: relati