Select2のオプション値をリセット/クリアする方法


  1. オプション値をリセットする方法:

    // Select2の初期化
    $('#mySelect').select2();
    // オプション値をリセット
    $('#mySelect').val(null).trigger('change');

    上記のコードでは、セレクトボックスのIDが「mySelect」である場合にオプション値をリセットしています。val(null)は選択された値をクリアし、trigger('change')は変更イベントをトリガーしてSelect2に変更を通知します。

  2. オプション値をクリアする方法:

    // Select2の初期化
    $('#mySelect').select2();
    // オプション値をクリア
    $('#mySelect').empty().trigger('change');

    上記のコードでは、empty()メソッドを使用してセレクトボックスの中身をクリアしています。trigger('change')は変更イベントをトリガーしてSelect2に変更を通知します。

以上の方法を使用することで、Select2でセレクトボックスのオプション値をリセットまたはクリアすることができます。これにより、ユーザーが選択した値をリセットしたり、セレクトボックスの内容をクリアしたりすることができます。