javascript帮助将元素从一个列表移动到另一个列表

javascript帮助将元素从一个列表移动到另一个列表,javascript,Javascript,我有以下三个列表: “团队列表”团队A、团队B、团队C “成员列表”成员1、成员2…等 “选定成员”,即由上述两个列表中的项目填充的空列表 和两个按钮,如下所示: “直接选择成员”->此按钮将一个/多个已选择的成员从成员列表移动到R.H.s.上的空存储桶。我已经实现了这一点,并且正在工作 “按团队选择成员”->如果在团队的存储桶中选择了一个或多个团队,此按钮将关联的团队成员从成员的存储桶移动到空存储桶。我已经实现了一半,并且坚持了下来。所以我需要帮助来完成这个 规则: 1.每个团队都有一些与之相

我有以下三个列表:

“团队列表”团队A、团队B、团队C “成员列表”成员1、成员2…等 “选定成员”,即由上述两个列表中的项目填充的空列表 和两个按钮,如下所示:

“直接选择成员”->此按钮将一个/多个已选择的成员从成员列表移动到R.H.s.上的空存储桶。我已经实现了这一点,并且正在工作

“按团队选择成员”->如果在团队的存储桶中选择了一个或多个团队,此按钮将关联的团队成员从成员的存储桶移动到空存储桶。我已经实现了一半,并且坚持了下来。所以我需要帮助来完成这个

规则: 1.每个团队都有一些与之相关的成员。一个团队的成员可能是另一个团队的成员

一旦成员通过“直接选择成员”或“按团队选择成员”从成员的存储桶移动到空存储桶,该成员将从成员存储桶中移除

如果选择了一个或多个团队并按下“按团队选择成员”,则该团队将保留在该团队的存储桶中,只有关联的成员将从该成员的存储桶中删除

由于两个或两个以上的团队可能有重叠的成员,因此如果一个成员已经从成员的桶移动到R.H.s上的空桶,那么选择一个团队只会移动留在成员桶中的成员

团队不会从团队的存储桶中移除,只会移除关联成员

我在下面给出我编写的代码,请根据我上面的解释帮助我实现“按团队选择成员”按钮功能。我使用一个JSON对象来定义团队和成员之间的关系,它总是这样。请帮忙。谢谢

函数appendappto,from{ var select1=document.getElementByIdto; var select2=document.getElementByIdfrom; var selectedArray=新数组; var i; var计数=0; 如果选择1.options.selectedIndex<0 返回false; 对于i=0;i0{ //警报“while循环” 选择2.选项[0]=null; } 对于变量i=0;i
您可以在这里找到一些教程:

我建议您阅读MDN上的Javascript数组方法:

具体查看map、reduce和filter

也可以考虑使用辅助库

,请先输入代码。