jQuery Autocompleter

JavaScript

カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

jQuery Autocompleterはカスタマイズ性に優れたサジェスト機能を実装できるjQueryプラグインです。文字を入力するとそれに関連するキーワード候補をリストアップしてくれるので、入力の手間も省けます。

jQuery Autocompleter

デモ

デモではテキストボックスに何か文字を入力すると、その文字に関連したキーワード候補を表示してくれます。

例えば、aという文字を入力すると、Almond、Antique Brass、Apricot、Aquamarine、Asparagus……などといったキーワード候補がいろいろ出てきます。目的の候補を選択するだけでテキストボックスへの入力が完了するので、いちいち全ての文字を入力する必要もなく、ユーザーの負担も軽減できますね。

オプションもたくさんあり、source、asLocal、empty、limit、minLength、delay、customClass、cache、cacheExpires、focusOpen、hint、selectFirst、changeWhenSelect、highlightMatches、ignoredKeyCode、customLabel、customValue、template、offset、combine、callbackと、多彩なカスタマイズが可能です。

jQuery Autocompleter

関連記事

  1. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  2. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  3. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  4. Chariot

    JavaScript

    Webページ内でステップごとのガイドツアーを実装できる「Chariot」

    ChariotはWebページ内でのガイドツアーを実装することができるJ…

  5. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

  6. jQuery RS Carousel

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できる「jQuery RS Carousel」

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイ…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP