Blog

テキストファイルで作る オートコンプリート jQueryプラグイン

オートコンプリートを簡単に実装できるjQueryプラグイン

jquery.autocomplete.js

を使ってみた。

 

デモ

 

設置は非常に簡単。

 

html

css

 

js (demo.jsの中身)

 

3行目:jqueryデフォルトのajax関数のurlでテキストファイルを取得

→ urlや拡張子は変更可能だが、形式は以下のようにする必要がある。

 

 

あとは29行目でターゲットを指定すれば、jsonの内容と入力内容がマッチすればオートサジェストされる。

 

ECサイトやブログサイトなどで、検索ワードをDB化してjsonにして利用することもできるので便利と思いました。

Author Profile

hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧

越境ECの最新情報

人気の記事

越境EC関連の記事

月から探す

ページTOPへ