JavaScript

【jQuery UI】autocompleteを使って入力フォームをクリックした瞬間に入力候補を出す

テキストボックスに何か入力した際に、関連する項目を絞り込んでボックス下に入力候補として出してくれる自動補完機能便利ですよね～
jQuery UI使って実装するならこんな感じ。

■HTML
■jQuery
大変シンプルで◎。
テキストボックスにフォーカスしただけで(文字を入力してない状態で)この入力候補をズラっと出す場合はこんな感じ。

■jQuery minLengthオプションはデフォルトが1になってるので忘れずに0へ変更する。
focusイベントやclickイベントではautocompleteが実行されないので、イベントのバブリングができるfocusinイベントを使用する。