如何解决带有箭头键的Google样式自动完成功能
| 我创建了一个简单的搜索引擎,使用PHP \“ LIKE \”函数(下面的代码)显示MysqL数据库的结果。一切正常。我只想这样做,以便当用户开始键入内容时,他/她可以使用箭头键向下滚动并在与Google一样的项目上按Enter键。谢谢。我的代码: HTML:<input type=\"text\" name=\'search\' id=\"searchbooks\" onkeyup=\'getbooks(this.value);\' value=\"search\" onblur=\"setTimeout(\'removedrop()\',80);\">
<div id=\'drop\'></div>
JAVASCRIPT:
function getbooks(value){
if (value!=\"\"){
$.post(\'getbooks.PHP\',{book: value},function (data) {
$(\'#drop\').html(data);
doCSS();
});
}
else {
$(\'#drop\').html(\"\");
undoCSS();
}
}
getbooks.PHP文件:
<?PHP
include \'connect.PHP\';
$book=MysqL_real_escape_string(addslashes($_POST[\'book\']));
$result=MysqL_query(\"SELECT * FROM searchengine WHERE title LIKE \'$book%\'\");
while ($row=MysqL_fetch_assoc($result)){
$title=$row[\'title\'];
$id=$row[\'id\'];
echo \"<div id=\'link\'><a href=\'index.PHP?id=$id\' id=\'words\'>\". $row[\'title\'] .\"</a></div>\";
}
?>
解决方法
如何使用jQuery自动完成插件?正是为此用例而设计的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。