0

コーディングの学習を開始するための Web サイトを作成しており、検索オートコンプリートを備えた検索 Web サイトを作成しています。スクリプトはこちらです。

これはうまく機能します (jquery とコーディングの初心者にとっては本当に素晴らしく簡単なスクリプトです!) が、提案が表示されたら、Google のようにキーボードを上下に動かしてそれらを制御できるようにしたいと考えています。どうすればこれを達成できますか(私はjqueryについての最低限の骨を知っています:)

すべての助けに感謝します！

4

1 に答える 1

2

おそらく、jQuerys 独自の jQuery-UI ライブラリのオートコンプリートの使用を検討してください: http://jqueryui.com/demos/autocomplete/

デフォルトではキーボードコントロールがあります。

次のように変更すると、投稿したソリューションの PHP スクリプトを使用できます。

$db = new mysqli('DB_HOST', 'USERNAME', 'PASSWORD', 'DATABASE_NAME');
//create array to store results
$results = array();

if ($db) {
  if (isset($_POST['queryString'])) {
    $queryString = $db->real_escape_string($_POST['queryString']);
    if (strlen($queryString) > 0) {
      $query = $db->query("SELECT country FROM countries WHERE country LIKE '$queryString%' LIMIT 10");
      if ($query) {
        while ($result = $query->fetch_object()) {
          //add results to array
          $results[] = $result->country;
        }
      }
    }
  }
}
//echo result array as JSON
echo json_encode($results);

詳細については、 http://jqueryui.com/demos/autocomplete/#remoteを参照してください。

于 2012-08-01T17:55:20.230 に答える