Jquery 从多选中删除/追加项目到多选

Question

我有3个多项选择。在第一个 Select1（左）中，我加载了一组模块。在第三个 Select3（右）中，我加载另一组模块。用户可以从左侧进行选择，然后单击“添加”以从左侧删除该项目并将其附加到 Select2（中间）。用户可以对右侧执行相同的操作，选择的项目会点击不同的添加，其中选择的内容将附加到中间并从右侧删除。

这一切都很好。

我想让用户从中间多选中删除。我只想删除一次。如果用户选择正式包含在左侧和右侧多选中的项目，我希望它们从中间删除并根据原始来源附加到左侧和右侧。 我有一个变量设置来确定中间选择的模块最初来自哪里。

我在从中间返回到左/右多项选择的实际附加/删除 ITEM 时遇到问题。我用谷歌搜索并尝试了各种方法，但花费的时间太长了。

以下脚本仅显示与左侧和中间选择的交互。我将使用任何解决方案作为中右关系的模型。

任何帮助将不胜感激

<script src="js/jquery.js" type="text/javascript"></script>  
<script type="text/javascript">  
 $().ready(function() {  
  $('#add_mod').click(function() {  
   return !$('#select1_mod   option:selected').remove().appendTo('#select2_mod');
  });  
  $('#remove_mod').click(function() {  
   var x = "<%= str(modules) %>";  
   $("#select2_mod option:selected").each(function (i,selected) {  
    var thismod = $(this).text();  
    if (x.match(thismod))   
     // HELP Here I want to append this item (text and value) to Select1  
     // HELP Plus, remove this item from Select 2
                           //else after I get a solution for Left/Middle   
   });  
                    // HELP And then return Select1, Select2, Select3  
  });  
 });  
</script>  

Answer 1

最后的答案和往常一样非常简单。

<script type="text/javascript">  
        $().ready(function() {  
        $('#add_mod').click(function() {  
            return !$('#select1_mod   option:selected').remove().appendTo('#select2_mod');  
        });  
        $('#remove_mod').click(function() {  
            var x = "<%= str(modules) %>";  
            var thisind = 0;  
            $("#select2_mod option:selected").each(function (index) {  
                var thismod = $(this).text();  
                var thisval = $(this).val();  
                if (x.match(thismod)) {  
                    $(this).remove().appendTo('#select1_mod');}  
                else {  
                    $(this).remove().appendTo('#select1_ms');}                      
            });  
        });  
        $('#add_ms').click(function() {  
            return !$('#select1_ms   option:selected').remove().appendTo('#select2_mod');  
        });  
        $('#remove_ms').click(function() {  
            return !$('#select2_ms   option:selected').remove().appendTo('#select1_ms');  
        });  

    });  
</script>