Javascript php codeigniter-在多选择框中管理值

作为基于codeigniter的项目的一部分，我正在处理一个多框，在这里，我尝试使用下面共享的自定义js代码在多框之间移动值

第一个框中显示的值是在页面加载时从db中获取的，用于使用javascript将所需的值移动到第二个框中。我的目标是，保存数据后，已经移动到第二个框中的值不应在第一个框中可见，同时不应更改第一个框的源数据

现在，我可以选择第二个框中的值并成功保存，但当我在保存后再次加载页面时，我会在第一个框中看到移动的值，这在视觉上造成了值的重复，会让用户感到困惑。另一方面，如果我试图将值移回第一个框，则在保存数据时会产生冲突

是否有任何方法可以更改代码，使移动的值在第一个框中不再可用

multibox的HTML版本

面积分配
可用面积

选定地区

使用的Javascript函数

功能选择MoveRows\u all（SS1、SS2）{
var SelID=''；
var SelText=''；
//从下至上将行从SS1移动到SS2
对于（i=SS1.options.length-1；i>=0；i--）{
//if（SS1.options[i]。selected==true）
{
SelID=SS1。选项[i]。值；
SelText=SS1.options[i].text；
var newRow=新选项（SelText，SelID）；
SS2.options[SS2.length]=newRow；
SS1.选项[i]=null；
对于（j=SS2.options.length-1；j>=0；j--）{
SS2.options[j]。selected=true；
}
}
}
选择排序（SS2）；
}
功能选择移动行（SS1、SS2）{
var SelID=''；
var SelText=''；
//从下至上将行从SS1移动到SS2
对于（i=SS1.options.length-1；i>=0；i--）{
if（SS1.options[i]。selected==true）{
SelID=SS1。选项[i]。值；
SelText=SS1.options[i].text；
var newRow=新选项（SelText，SelID）；
SS2.options[SS2.length]=newRow；
SS1.选项[i]=null；
对于（j=SS2.options.length-1；j>=0；j--）{
SS2.options[j]。selected=true；
}
}
}
选择排序（SS2）；
}
函数SelectSort（SelList）{
变量ID=“”；
var Text=''；
对于（x=0；xSelList[y].text）{
//交换行
ID=SelList[x]。值；
Text=SelList[x]。Text；
SelList[x]。值=SelList[y]。值；
SelList[x]。text=SelList[y]。text；
SelList[y].value=ID；
SelList[y]。text=text；
}
}
}
}