送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。
簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で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です。