javascript - 多选onchange事件jquery

Question

我正在创建一个表单。我有两个字段，1.默认值字段和2.预览字段。两者都是多选字段。用户将手动将选项添加到多选中。每当用户选择默认值中的选项时，预览字段中应显示相同的值。当用户删除一个选项时，应取消选择同一选项。这就是我为此多选编写 onchange 事件的方式:

$("#MultiSelect_DefaultValues").change(function() {
          alert($(this).val());
          $("#MultiSelect_Preview").val($(this).val());
        });

我在警报中得到了正确的值。但是，预览场中却没有任何反应。默认值字段中可用的所有选项也可在预览字段中使用。但是，在默认值字段中选择的选项不会在预览字段中选择。这有什么问题吗？我应该更改什么，以便默认字段中的更改也反射(reflect)在预览字段中？

Answer 1

你说你正在使用 select2 所以执行如下:

$("#MultiSelect_DefaultValues").change(function () {
   alert($(this).val());
   var prevSelect = $("#MultiSelect_Preview").select2();
   prevSelect.val($(this).val()).trigger('change');
});