0

標準のページテンプレートの一部として検索ボックスを備えたWebサイトを開発しています（SOサイトの右上に表示されるものと同様です）。検索ボックスの下に表示されるドロップダウンとして、 google.com検索ページにクエリを入力し始めたときに表示されるものと同様に、ユーザー入力に一致する可能性のあるものを動的にプレビューしたいと思います。これはどうやるんですか？ある種のJavaScript/Ajaxの組み合わせ？

4

2 に答える 2

2

これを実現するための一般的なjQuery プラグインがあります。ドキュメントを確認してください。

于 2010-01-08T01:31:38.700 に答える
1

jQueryを使用してこれを行うことができ、keyupイベント（または関連するイベント）が発生すると、サーバーまたはローカルの単語コレクションへのリクエストを発生させ、ボックスの下のdivに一致するものをすべて表示できます。

$("#searchbox").keyup(function(){
  $.post("suggestions.php", {data:$(this).val()}, function(response) {
    $("#suggestions").html(response).slideDown();
  }, "HTML");
}).blur(function(){
  $("#suggestions").slideUp();
});

/*
---------------------
| ph_               |
---------------------
| philanthropy      |
| photoshop         |
| PHP               |
---------------------
*/
于 2010-01-08T01:16:41.173 に答える