【Javascript, select2】選択肢が長いので検索窓を付けたい

リストの選択肢が2400個とかあって、スクロールして目的のものを探すのが大変
なので、選択肢のプルダウンに検索機能を付けてみる

例は↓のような感じ

■ 参考 : Basic usage - select2
select2.org

使い方はinstallationのページにあるようにライブラリを読み込む

$(document).ready(function() {
$('.js-example-basic-single').select2();
});

みたいにjavascriptのタブの中に書いておく
js-example-basic-singleはclass名を書く
ほかはいじらなくてOK

■ javascriptの配列を外部ファイルからselect2で読み込む

「【Javascript】セレクトボックスの選択肢を外部ファイルにしておく」という過去記事では、
外部ファイルからリスト形式にして、それをselectタブに流し込んでいた

実はselect2を使うと、こんな関数を書かなくても大丈夫

ただし、注意しないといけないのは、配列の要素にidとtext が必要(txtではない)
valとtxtではないことに注意

便利そうなオプションがあったらさらに追記する

Bus errorとSegmentation faultに困ったら見るブログ