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. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  2. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  3. hop

    JavaScript

    Webページ上の好きな場所をハイライトできる「hop」

    hopはオーバーレイされたWebページ上の好きな場所をハイライトするこ…

  4. no-image

    JavaScript

    レスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」

    jquery.alertはレスポンシブに対応したモーダルウィンドウ風の…

  5. jQuery fullsizable
  6. justContext.js

    JavaScript

    シンプルなコンテキストメニューを実装できる「justContext.js」

    justContext.jsはjQueryなどを必要とせずに(ピュア …

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP