jQuery select2 .on（“更改”，功能（e）重置選項

Question

我正在使用select2。

用法：如果值是"COUNTRY" ，我想向select2添加一個onchange事件，否則我想刪除onchange事件，如下所示：

var reportLevel = getReportLevel();

if (reportLevel != "COUNTRY") {
    $("#selected_countries").on("change", function(e) {
        prepareGlidModel(e);
    });
} else {
    $("#selected_countries").on("change", function(e) {
    });
}

問題：即使調用了else塊，也無法刪除onchange事件。 根據dropdown選擇的reportLevel值調用事件。

Answer 1

嘗試以下操作：

var reportLevel = getReportLevel(),
    // by default unbind/off change event
    $select = $("#selected_countries").off("change");

// and if country then bind it
if (reportLevel == "COUNTRY") {
   $select.on("change", function(e) {
       alert("you selected :" + $(this).val());
   });
}

此處的工作示例： http : //jsfiddle.net/JB89B/1/

Answer 2

我認為在其他情況下，您想為此使用將值重置為默認值

$("#selected_countries").val('default value')

如果你只是想阻止onchange事件的默認動作，那么你可以寫

e.preventDefault()

這會有所幫助

Answer 3

您可以使用off從元素中分離事件處理程序，如下所示：

$("#selected_countries").off('change');