输入框键入字符时给出建议列表
1、html 一个 input(输入框) 与 ul(建议列表) 的组合
2、监听输入框的内容“oninput()”,根据内容给出建议列表展示
3、建议列表 要做强大一些,建议使用AJax访问一个内容丰富的接口
以上是简单的任务分解,实现起来比较简单的
输入框监听上下键且切换选项
1、监听输入框的按键keydown事件
2、判断上(e.keyCode:38)下(e.keyCode:40)键的值,并分别执行相应的函数UP 与 DWON, 默认选中第i个li
3、不管是UP 还是DOWN 函数都是改变列表的选中项,其实就是改变li标签的背景色且将值赋给输入框
4、若执行UP函数,把suggest[++i]的值赋给input框,也可以给该项添加背景色
5、若为DOWN函数,把suggest[–i]的值赋给input框,也可以给该项添加背景色
6、注意执行到第一项和最后一项的时候,i的值默认为-1 ,DWON时i++,应该定位到首项(i=0);默认值为-1时,UP时i–,也应该定位到(i=0)上
if (i < 0 || i >= suggent.length) {
i = 0;
}