Javascript 多个 select 框

Javascript multiple select box

我正在尝试创建多个 select 框。所以我在一个框中列出了我想移动到另外两个框中的内容。当我将项目从一个列表移动到另一个列表时,项目从该列表中移出,我想将其保留在该列表中并克隆到其他列表中。当我使用克隆功能时,它不会从视图传递到控制器

 return !$('#orim option:selected').clone().appendTo('#reqnew');

所以当我使用上面的代码时,它不会将任何值传递给 grails 中的后端

如果需要将数据从视图传递到控制器,则需要实现 ajax。因此,例如在 list1 中,您需要添加一些相关信息,可能将其存储在 html5 数据属性中,然后使用 jquery ajax 函数或 axios 等许多其他解决方案将数据传递给控制器操作并从那里执行您的后端逻辑

所以通过获取值并将其附加到新的 div 和原始列表有助于解决问题..但我仍然不确定为什么附加克隆对象不起作用。

var options =  $('#ori').find(':selected').clone();
$('#ori').find(':selected').appendTo('#reqm');
options.prependTo('#ori');