Kích hoạt một hành động sau khi lựa chọn select2

Tôi đang sử dụng thư viện select2 cho tìm kiếm của mình.
có cách nào để kích hoạt một hành động sau khi chọn kết quả tìm kiếm không? ví dụ: mở một cửa sổ bật lên hoặc một cảnh báo js đơn giản.

$("#e6").select2({
    placeholder: "Enter an item id please",
    minimumInputLength: 1,
    ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
        url: "index.php?r=sia/searchresults",
        dataType: 'jsonp',
        quietMillis: 3000,
        data: function (term, page) {
        return {
            q: term, // search term
            page_limit: 10,
            id: 10
            };
        },
        results: function (data, page) { // parse the results into the format expected by Select2.
            // since we are using custom formatting functions we do not need to alter remote JSON data
            return {results: data};
        },
    },

    formatResult: movieFormatResult, // omitted for brevity, see the source of this page
    formatSelection: movieFormatSelection, // omitted for brevity, see the source of this page
    dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller
    escapeMarkup: function (m) { return m; } // we do not want to escape markup since we are displaying html in results
});

Xem phần sự kiện tài liệu

Tùy thuộc vào phiên bản, một trong các đoạn mã dưới đây sẽ cung cấp cho bạn sự kiện bạn muốn, hoặc chỉ cần thay thế "select2-selection" bằng "change".

Phiên bản 4.0 +

Sự kiện hiện có định dạng: select2:selecting(thay vì select2-selecting)

Cảm ơn snakey cho thông báo rằng điều này đã thay đổi kể từ 4.0

$('#yourselect').on("select2:selecting", function(e) { 
   // what you would like to happen
});

Phiên bản trước 4.0

$('#yourselect').on("select2-selecting", function(e) { 
   // what you would like to happen
});

Chỉ cần làm rõ, tài liệu để select2-selectingđọc:

select2-select Được kích hoạt khi một lựa chọn đang được chọn trong menu thả xuống, nhưng trước khi bất kỳ sửa đổi nào được thực hiện đối với lựa chọn. Sự kiện này được sử dụng để cho phép người dùng từ chối lựa chọn bằng cách gọi event.preventDefault ()

trong khi thay đổi có:

thay đổi Được kích hoạt khi lựa chọn được thay đổi.

Vì vậy, changecó thể phù hợp hơn với nhu cầu của bạn, tùy thuộc vào việc bạn muốn lựa chọn hoàn tất và sau đó thực hiện sự kiện của mình hay có khả năng chặn thay đổi.

Đã có một số thay đổi đối với tên sự kiện select2 (tôi nghĩ ở câu 4 trở lên) nên dấu '-' được đổi thành ':' .
Xem các ví dụ tiếp theo:

$('#select').on("select2:select", function(e) { 
    //Do stuff
});

Bạn có thể kiểm tra tất cả các sự kiện tại trang plugin 'select2': select2 Events

Nó hoạt động cho tôi:

$('#yourselect').on("change", function(e) { 
   // what you would like to happen
});

Theo cách sử dụng của tôi ở trên v.4, điều này sẽ hoạt động

$('#selectID').on("select2:select", function(e) { 
    //var value = e.params.data;  Using {id,text format}
});

Và đối với ít hơn thì v.4, điều này sẽ hoạt động:

$('#selectID').on("change", function(e) { 
   //var value = e.params.data; Using {id,text} format
});

Đối với v4 trên

$('#yourselect').on("select2:select", function(e) { 
     // after selection of select2 
});

//when a Department selecting
$('#department_id').on('select2-selecting', function (e) {
    console.log("Action Before Selected");
    var deptid=e.choice.id;
    var depttext=e.choice.text;
    console.log("Department ID "+deptid);
    console.log("Department Text "+depttext);
});

//when a Department removing
$('#department_id').on('select2-removing', function (e) {
    console.log("Action Before Deleted");
    var deptid=e.choice.id;
    var depttext=e.choice.text;
    console.log("Department ID "+deptid);
    console.log("Department Text "+depttext);
});