Question

我已经设法使用w3schools website提供的教程向我的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网站上的内容。我只是略微修改它以给我我需要的结果，格式化我需要的方式。

感谢您的帮助！

将键盘导航添加到Ajax Live Search

0 个答案: