首页 > 网站 > WEB开发 > 正文

jquery 实现输入字符给出建议列表&实现上下键切换选项

2024-04-27 15:09:05
字体:
来源:转载
供稿:网友

输入框键入字符时给出建议列表

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;}
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表