1

w3schools web サイトで提供されているチュートリアルを使用して、動作する「ライブ検索」フォームを PhP/MySQL Web アプリケーションに追加することができました。ただし、このフォームにはキーボード ナビゲーションがなく、本当に使いにくいと感じています。検索/読み取りによってナビゲーションを追加しようとしましたが、完全に失敗しました。私はJavascriptに非常に慣れていないので、明らかに、機能を適切に追加する方法を理解するのに大きな問題があります。誰かが少なくとも1つのタイプのナビゲーション（下向き矢印、Enterキー（選択した値をボックスに入れる、完了）など）を追加する適切な例を提供してくれれば、おそらくそれをgrepして追加することができると思います機能。

これまで私が取り組んできたコードは次のとおりです。

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