我在一页中有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的示例生成元素。