キーワードによるselectboxのoptionの絞り込みをしたくて
色々とjQueryのプラグインを探していたのですが、思うようなものが見つからなかったので
シンプルなプラグインを作ってみました。
やりたかったことは、こちらの「Searchable」の例や、BootstrapベースのSelect2の例と似ているのですが
selectboxの見た目や操作はそのままで、シンプルにoptionの絞り込み機能のみのプラグインを作成しました。
例
サンプル1 プルダウン
サンプル2 multiple
サンプル3 やりたかったこと
使い方
- jQueryを読み込みます（※v1.8以上）
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- selectboxsearchプラグインファイルを読み込みます
<script type="text/javascript" src="jquery.selectboxsearch.js"></script>
- プラグインを呼び出します
$('#element').selectboxsearch('#target');
ダウンロード
https://github.com/tam-yamaguchi/jquery-selectboxsearch
備考
プラグインのテンプレートとして、jQuery Boilerplateを利用しています。