带有箭头键的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自动完成插件？正是为此用例而设计的。