jQuery Select2の選択後に自動的に閉じない方法


  1. イベントハンドラを使用する方法: Select2のselect2:selectイベントをキャッチし、イベントハンドラ内でセレクトボックスを開いたままにするコードを追加します。以下は例です:

    $('#mySelect').on('select2:select', function (e) {
     $(this).select2('open');
    });

    このコードでは、#mySelectは対象のセレクトボックスのIDに置き換えてください。

  2. オプションを使用する方法: Select2の初期化時にcloseOnSelectオプションをfalseに設定することで、選択後もセレクトボックスを開いたままにすることができます。以下は例です:

    $('#mySelect').select2({
     closeOnSelect: false
    });

    このコードでは、#mySelectは対象のセレクトボックスのIDに置き換えてください。

上記の方法を試してみて、選択後にセレクトボックスが閉じないように設定できるかどうか確認してください。コード例や具体的な使用方法に関しては、公式のSelect2ドキュメントも参考にすることをおすすめします。