zelect

JavaScript

セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマイズしてくれるjQueryプラグインです。インクリメント検索ができるようになっているので、入力の手間も省けてとても便利ですね。

zelect

デモ

こんな感じで候補リストが表示されたりします。ユーザーにとってはこっちの方が楽ですね。

zelect

マークアップは以下のようにします。

<select id="select-backed-zelect">
    <option value="first">First Option</option>
    <option value="second">Another Option</option>
    <option value="third" selected="selected">Third option</option>
</select>

zelectをセッティング。

$('#select-backed-zelect').zelect()

通常のセレクトボックスではなんだか味気ないな、と思っている方は機能的にも便利になるzelectを使ってみてはいかがでしょうか?

zelect

関連記事

  1. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  2. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

  3. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

  4. Changing Background Color while scrolling
  5. roundSlider

    JavaScript

    値の範囲を円形スライダーで表示できる「roundSlider」

    roundSliderは値の範囲を円形スライダーで表示できるjQuer…

  6. no-image

    JavaScript

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP