セレクトボックス検索、Choseで実装

ダウンロード：https://harvesthq.github.io/chosen/
参照：https://appsol-one.com/ui/chosen/
実験対象バージョン：HTML5、CSS3、jquery-3.4.1
  1. サンプル
  2. ソース

サンプル

ソース

事前準備

+css
| chosen.css 又は chosen.min.css
| chosen-sprite.png
| chosen-sprite@2x.png
|
+js
| chosen.jquery.js 又は chosen.jquery.min.js
リンク
CSS
デフォルトだと立体感があり過ぎて他のと浮いてしまうので、デザインを変更
特にデフォルトでいい方は以下の設定は不要です。

JS
他にもオプションがあります。
https://harvesthq.github.io/chosen/options.html

HTML
JSの「class = chosen」と連動しているのでもし変える場合は気を付けて下さい。