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. Chameleon.js
  2. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

  3. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

  4. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

  5. jQlouds

    JavaScript

    ふわふわと流れるアニメーション付きの雲を実装できるjQueryプラグイン「jQlouds」

    jQloudsというjQueryプラグインを使えば、ふわふわした雲を実…

  6. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP