PopSelect

JavaScript

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

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

PopSelect

PopSelect

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

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

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

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

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

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

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

最近の記事

  1. FAST
  2. クリスマスブレンド
  3. ホワイトチョコマカダミアドーナツ
  4. エッグペペ
  5. ダークチョコレート
PAGE TOP