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

Hero sliderレスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」前のページ

シンプルなアラートを表示させることができる「smoke.js」次のページ

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP