小编Gik*_*kar的帖子

我有两个多个select2框,Box1选项是动态填充的,当我从这个选择框中选择任何选项时,它应该被添加到新的Box2.此方案根据需要运行.我面临的问题是.当我从Box1中删除任何选定的项目时,我可以从Box2中删除它.但如果在Box2中选择了该项目,它仍然存在.

例如:A,B,C是框1中的选定值,Box2填充了A,B,C.如果我在Box 2中选择B,c,如果我从Box1中删除B. 我的Box2项目现在将是AC.但是B,C仍将在Box2中保持选中状态.

任何人都可以帮助我解决这个棘手的问题.

$("#Box1").on("change", function() {

    var box1List = $('#Box1').val();

    $('#Box2').empty();

    for (var key in box1List) {
        var valueField = box1List[key];
        var textField = $("#Box1 > option[value='"+valueField+"']").text();
        $("#Box2").append($('<option>', {value: valueField, text: textField}));
    }
});



$("#Box1").on("select2-removed", function(e) {

    console.log("removed val=" + e.val + " choice=" + e.choice.text);

    $('#Box2 option[value="'+e.val+'"]').remove();

});