在添加数据到列表中时, 我们首先对数据列表做初始化处理,避免重复数据的添加. 其次就是我们给数据列表的每一行添加了一个点击事件,点击后将数据放入搜索框内, 数据列表隐藏.
在这里整个自动完成的搜索框就完成了.我们来测试下效果.
这里可能是录制软件问题, 边框与它录制的背景颜色应该一样了. 边框不见了(⊙﹏⊙)b
以上就是JAVASCRIPT实现搜索框的自动完成效果，大家可以自己测试玩玩!
您可能感兴趣的文章:
自动完成的搜索框javascript实现(2)
内容版权声明：除非注明，否则皆为本站原创文章。