多选onchange事件jquery

SSS*_*SSS 2 javascript jquery

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

$("#MultiSelect_DefaultValues").change(function() {
          alert($(this).val());
          $("#MultiSelect_Preview").val($(this).val());
        });
Run Code Online (Sandbox Code Playgroud)

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

小智 5

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

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