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

サンプルのデータは、countries.jsに収納された243の国とその国コードの配列を含むJSONオブジェクトです。
入力欄をクリックするか、入力欄の下向き矢印をクリックして英字を打ち込みます。
表示されたドロップダウンメニューは、エスケープキーを押すと非表示になります。
このプラグインの難点は、配布されているサンプルが別のプラグインを組み込み、主目的以外の動きを入れすぎて、スクリプトが複雑すぎるところです。ロードにも時間がかかりすぎるため、余計なものは省きました。

ドロップダウンメニュー形式で、動的にデータを表示するComboBox
Code: $('#ffb1').flexbox(countries);	FlexBox:
Notes: 入力欄の下向き矢印をクリックして、ドロップダウンメニューを表示させ、単数もしくは複数の英字を打ち込みます。入力した文字とマッチするデータがメニューに表示されます。データが多い場合、メニュー下の矢印からページを移ることができます。

上のサンプルから下向き矢印を省いたもの
Code: $('#ffb2').flexbox(countries, { showArrow: false });	FlexBox:
Notes: 入力欄に英字を打ち込み始めると、ドロップダウンメニューを表示し、動的にデータを検索します。