PopSelect

JavaScript

タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

PopSelectはタグ付けするような感覚のセレクトボックスをポップオーバーで表示させることができるjQueryプラグインです。ボックス内をクリックすると予め設定されたセレクトメニューがポップオーバーで表示されます。

PopSelect

PopSelect

セレクトメニューがタグ形式になっており、選択するとボックス内にタグが追加されます。

追加したタグを削減したい時はマウスオーバーすると横にバツ印が表示されるので、そこをクリックすると削減されます。また、deleteキーにも対応しています。

オプションもいろいろと用意されており、選択できるタグ数のMAX値やプレースホルダテキスト、表示するポジション(topかbottom)などを設定することができます。

機能もシンプルだし分かりやすく、そして見やすいUIなので、ユーザーにとっての使い勝手は良さそうですね。

そんなわけで、セレクトボックスをタグ形式にしてポップオーバー表示させたい方は、ぜひ活用してみてはいかがでしょうか。

Pocketのリスト並べ替えPocket(Web版)で記事リストを最新から最古に並べ替える設定方法前のページ

Chromeで外国語のWebサイトのページを翻訳する方法次のページChromeで翻訳する方法

関連記事

  1. scroll-scope.js

    JavaScript

    親要素の影響を受けずに子要素だけを固定してスクロールさせる「scroll-scope.js」

    scroll-scope.jsは親要素の影響を受けずに子要素だけを固定…

  2. Lightense Images
  3. ViewBox

    JavaScript

    レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」

    ViewBoxはレスポンシブに対応したLightbox風のイメージギャ…

  4. no-image
  5. jQuery contextMenu plugin & polyfill
  6. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP