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のことを中心に書きたいと思います。
ネタが無いときはプログラムやデザインのことも書きます。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ