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

cubeTransition.js3Dキューブのようなスライダーを実装できる「cubeTransition.js」前のページ

画像をボカしてくれるクロスブラウザ対応の「Background Blur」次のページBackground Blur

関連記事

  1. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  2. OneBook3d

    JavaScript

    フォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」

    OneBook3dはブラウザ上でフォトアルバム(ブック)を作るのにとて…

  3. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  4. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

  5. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  6. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP