次のように allowClear
オプションを指定すると
application.js
$('.js-searchable').select2({allowClear: true})
次のエラーがでます。
select2.js?86fe:1809 Uncaught TypeError: Cannot read property 'id' of undefined
この場合 placeholder
オプションも一緒に指定するとエラーを回避できます。
毎回、引数に placeholder
を指定してもいいのですが、次のようにグローバルな初期値として指定しておく方が安心でしょう。
$.fn.select2.defaults.set("placeholder", "")