任意のテキストを手軽にオートコンプリートとして実装できるjQueryプラグイン・Completer

Ads

送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。

簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で10KBほど。jQueryに依存しています。

Completer


文字を入力すると、いくつかのメールアドレスが候補として表示されます。

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="completer.min.js"></script>

本体とプラグインを読み込みます。

<input type="text" completer data-separator="@" data-source="['gmail.com', 'live.com', 'yahoo.ne.jp', 'i.softbank.jp']" placeholder="メールアドレスを入力">

補完テキストはカスタムデータ属性で設定可能です。

他にも使い方はいろいろあるみたい。ライセンスはMITです。

Completer