1

我已经设法使用w3schools 网站提供的教程向我的 PhP/MySQL Web 应用程序添加了一个有效的“实时搜索”表单。然而，这个表单没有任何键盘导航，我觉得这真的让它有点不可用。我一直试图通过搜索/阅读来添加一些导航，但完全失败了。我对 Javascript 非常陌生，所以显然这对我理解如何正确添加功能来说是一个巨大的障碍。如果有人可以请给我一个体面的例子，至少添加一种导航（向下箭头，输入键（将选定的值放入框中，完成）等），我想我可以通过它添加额外的功能。

这是迄今为止我一直在使用的代码：

function showResult(str)
{
    if (str.length==0)
    {
        document.getElementById("livesearch").innerHTML="";
        document.getElementById("livesearch").style.border="0px";
        return;
     }

     if (window.XMLHttpRequest)
     {
          xmlhttp=new XMLHttpRequest();
     }
     else
     {
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }

     xmlhttp.onreadystatechange=function()
     {
         if (xmlhttp.readyState==4 && xmlhttp.status==200)
         {
             document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
             document.getElementById("livesearch").style.border="1px solid #A5ACB2";
         document.getElementById("livesearch").style.width="1000px";
         }
      }

      xmlhttp.open("GET","livesearch.php?q="+str,true);
      xmlhttp.send();
}

我一直在使用的 livesearch.php 文件与 w3schools 网站上的文件非常相似。我只是稍微修改了一下，给了我需要的结果，格式化了我需要的格式。

谢谢你的帮助！

4

0 回答 0