Mega Select List


Description: プルダウンのセレクトリストを見やすく表示するプラグインです。クロスブラウザ対応。項目の多い都道府県の選択項目に導入するとユーザビリティ的な効果がありそうです。
Sample: demo
Tutorial: Jquery Mega Select List
License: -

Sample

これはデモです。複数選択できますが、上限は3つに設定しています。

Note

$(document).ready(function() {
			$("#example").megaselectlist({ animate: true, animateevent: "click", multiple: true, maximumitems: 3 });
		});

jQueryとプラグインを読み込んで上記のような設定をします。

Related snippet :

  • Description: セレクトボックスを選択するとそれに応じたテキストボックスを出すスニペット。必要になって作りました。ずらーっと並んでいるより、こうして項目に応じてだし ...
  • Description: フォームをデザインするプラグインです。チェックボックスやラジオボタン、スムーズに開くプルダウンなどにUIを変える事ができます。クロスブラウザで動作し ...
  • Description: コンテンツスライダーにバリデーション付きのコンタクトフォームを埋め込んだもの。不備があるとチェックが付きます。順番も追えるのでユーザーとしても縦 ...
  • Description: フォームがアクティブの時にラベルを外にスライドさせます。通常はアクティブ時に消えますが、外にだすことで、入力補助になりそうです。クロスブラウザにも対 ...
  • Description: スライドするタブメニューです。条件分岐でIE用のcssを用意してクロスブラウザ対応させています。少しリッチなUIにしたい、という時にこうしたエフェク ...
  • Description: 画像を使わず、テキストでスタイリッシュなメニューやボタンを実装します。セレクトコンテンツやドロップダウンにも対応。クロスブラウザにも対応しています。 ...
  • Description: ドロップダウンにアイコン画像を含めるプラグインです。あまり見やすいとは言えないドロップダウンなのでこうしてアイコンを含めるだけでかなり判りやすさが増 ...