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. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  2. jQuery Seat Charts
  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  4. no-image

    JavaScript

    ダイナミックな自動スライドショーを実装できる「CSS + jQuery Gallery」

    CSS + jQuery Galleryはダイナミックでかっこいい自動…

  5. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  6. no-image

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP