オートコンプリートのプラグイン

最近だとフォームの入力画面で最初の数文字を入力すると候補を予測して表示してくれる機能(=オートコンプリート)があることが一般的ですね。

いろいろなプラグインがありますが、今回お勧めしたいのはBootstrapでも使えるtypeaheadというプラグインです。

こういったプラグインを使う場合

• 候補自体はデータベースからとってきたい
• １変数だけでなくidなどその他の情報も取得したい

というケースが多いでしょう。

そういったケースにも対応できます。

自分で例を書こうかと思いましたが、下記リンクがわかりやすくまとまっているのでリンクを貼ります。

twitter typeaheadはいろいろ改良されていた

注意点としては入力の時のイベントの記述を書く必要がなく、ページを読み込んだ瞬間にinputがtypeaheadを実装します。

これがちょっとわかりにくいので注意しましょう。