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

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

  2. jquery-side-navi

    JavaScript

    サイドからスライドでナビゲーションを表示できる「jquery-side-navi」

    jquery-side-naviは、サイドからスライドでタブコンテンツ…

  3. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  4. jquery.confirmDialog
  5. Multi-Step-Form-Js
  6. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP