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. GRT Responsive Menu
  2. jQuery liMarquee
  3. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  4. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  5. no-image

    JavaScript

    親要素の下端まで要素を固定表示できる「Scroll With Page」

    Scroll With Pageはスクロールしても特定の要素を固定表示…

  6. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP