目的:ユーザーがテキストボックスに単語を入力すると、その単語で始まるすべての単語が入力され、そのうちの1つを選択できます。
4 に答える
これが私が出会った最高の実装です...
- phpguru.org のオートコンプリート
- WICK オートコンプリート
- Script.aculo.us オートコンプリーター
- BComplete Autosuggest スクリプト
- Wiseguysonly からのオートコンプリート
- Momche からのオートコンプリート コントロール
- ブランドスパンキングからのAutoSuggest New
- Ajax 動的リスト
- Gadgetopia のAutoSuggest
- XMLHttpRequest オートコンプリート
- Capxous フレームワーク
ハウツー(コードは含まれていません)
値が変更されたイベントをリッスンするために、テキストボックスにイベントハンドラーを実装します。
イベントハンドラーで、部分的な単語を使用してサーバーにAJAX呼び出しを行います(結果を返すWebサービスがあると想定します)。
AJAX呼び出しから返された結果を解析し、テキストボックスのすぐ下のDIVに配置して、ユーザーが正しい結果を選択できるようにします。
結果DIVを表示します。
これらは、そのスタイルのテキストボックスを実装する背後にある理論的な手順です。特定の設定について詳しく知らなければ、これ以上アドバイスを与えるのは難しいでしょう。独自のコードを投稿するのが最善です。
オートコンプリートのことですか?
彼はインクリメンタル検索について話していたと思います。あなたのタイプの ala Google のような検索です。データセットと予想されるユーザー数に応じて、いくつかのコントロールを配置する必要があります。たとえば、大量のトラフィックが予想される場合は、すべてのキーを押したくない可能性があります。入力が完了するまで遅延を追加することもできます。
W3 の php、Mysql、および Jquery を使用した例を次に示します: http://www.w3schools.com/php/php_ajax_livesearch.asp