jQueryプラグイン flexbox.jsを使って、JSONデータを表示するドロップダウンメニュー

ドロップダウンメニュー形式で、動的にデータを表示するComboBox
Code:
							$('#ffb1').flexbox(countries);
						
FlexBox:
Notes:
  • 入力欄の下向き矢印をクリックして、ドロップダウンメニューを表示させ、単数もしくは複数の英字を打ち込みます。
  • 入力した文字とマッチするデータがメニューに表示されます。データが多い場合、メニュー下の矢印からページを移ることができます。
上のサンプルから下向き矢印を省いたもの
Code:
							$('#ffb2').flexbox(countries, {
								showArrow: false
							});
						
FlexBox:
Notes:
  • 入力欄に英字を打ち込み始めると、ドロップダウンメニューを表示し、動的にデータを検索します。
引用、参考:http://www.fairwaytech.com/flexbox/