jQuery.Flexdatalist

JavaScript

テキスト入力候補を表示させれる「jQuery.Flexdatalist」

jQuery.Flexdatalistはテキスト入力候補を表示させることができるjQueryプラグインです。最初の1文字や2文字などを入力した際に、それにあう候補を表示してくれるのでとても便利ですね。datalistをサポートしているのが特徴です。

jQuery.Flexdatalist

デモ

テキストボックスにテキストを入力すると、datalistに設定した値にあったものが候補として表示されます。

デモページにはいくつかサンプルが用意されており、各サンプルの横にある「HTML」と「JAVASCRIPT」の「SHOW」をクリックすると実際のコードを確認できるようになっています。

jQuery.Flexdatalistはddatalistをサポートしており、これに候補として表示させたい値を指定していきます。マークアップやJSのセッティングがとてもシンプルなので、手軽に活用できるのではないでしょうか?

オプションには、data、url、params、searchContain、searchDisabled、minLength、maxShownResults、groupBy……などさまざまな項目が用意されています。カスタマイズ性に優れているのもうれしいポイントの一つです。

シンプルな使い方で豊富なオプションを備えたjQuery.Flexdatalist。テキスト入力の際に候補を表示させる機能を実装したいという方は、ぜひ試してみてください、

jQuery.Flexdatalist

関連記事

  1. jquery-bubble-text

    JavaScript

    テキストがアニメーションで切り替わっていく「jquery-bubble-text」

    jquery-bubble-textは、テキストが次々に切り替わってい…

  2. PleaseWait

    JavaScript

    ローディングアイコンをオシャレに実装することができる「PleaseWait」

    PleaseWaitはローディングアイコンをオシャレに見せることができ…

  3. Mobilepopup

    JavaScript

    軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」

    Mobilepopupは、軽量でカスタマイズ性に優れたモバイルにも最適…

  4. nuContextMenu

    JavaScript

    モダンなコンテキストメニューを実装できる「nuContextMenu」

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

  5. lory

    JavaScript

    タッチ対応でカルーセルにもできるミニマルなJS(jQuery)スライダー「lory」

    loryはタッチに対応したミニマルなデザインが特徴的なスライダーを実装…

  6. GoogleSheets-HTMLImporter

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP