Select2でCannot read properties of undefined (reading ‘id’) TypeError: Cannot read properties of undefined (reading ‘id’)エラーが発生する場合の解決方法についてです!!
エラーの現象
以下のようにクリアを可能とする設定で、select2を表示させます。
$('#select').select2({
allowClear: true,
});
select2で選択後に、×マークをクリックすると以下のエラーが発生します。
Cannot read properties of undefined (reading 'id')
TypeError: Cannot read properties of undefined (reading 'id')
対処方法
placeholderを設定することでエラーを解消できます。
以下のような感じです。
$('#select').select2({
placeholder: '選択してください',
allowClear: true,
});
これでエラー解消!!