У меня есть 3 элемента select2 на одной странице.
Моя цель состоит в том, чтобы обновить все эти 3 select2, когда я выбираю элемент в любом из них.
Я сделал так, чтобы он работал для события unselect как этот код, но возникли проблемы при обновлении события select:
var $multipleSelect = $(".multiple-product-list").select2({
... more codes here
});
$(document).on("select2:unselect", ".multiple-product-list", function(e){
// Remove selected item in all select2
$multipleSelect.val([array_of_ids_here]).trigger("change");
});
$(document).on("select2:select", ".multiple-product-list", function(e){
// Needs to update all select2 w/o duplication
// Add selected item to all select2.
});
Например, я выбрал Product 20
это должно обновить мои 2 другие select2 на странице.
Вот пример сгенерированного элемента для моего select2.
