Javascript HTML在两个选择列表之间发送值

我有这个代码笔，我需要从第一个列表中选择一个项目，它将所选项目发送给第二个列表，反之亦然。问题是我无法将值返回到第一个列表。 请帮忙

---

您似乎希望将节点从一个移动到另一个

如果您只是将当前选定的引用传递给.append方法，则该节点将被移动。无需克隆select元素

函数值{ var selval=$S2选项：选中； selval[0]。selected=false//取消选择 110万美元； } 函数SelectValuessel{ var selval=$S1选项：选中； selval[0]。selected=false//取消选择 $S2.selval； } AAA BBB

---

逻辑与您现有的SelectValues函数相同，只需反转选择器。。。？一个更大的问题是，当你同时选择多个选项时，它会起作用。不起作用。发回时它会将两个值合并。不，只有当您同时选择多个选项时才会这样做。要将项目从列表A移动到列表B，只需在SelectValues函数中将项目附加到列表B即可。为什么不将项目追加到列表A中，而不是在取消选择中删除它？这看起来是一个非常慷慨的贡献。为什么会有叮当声？我正要问同样的问题。也行^^。你还想要什么？@DomenikReitzner我没有投反对票，但我想解释一下问题所在；编辑答案以提供更好的解释

<select id="S1" multiple class="form-control form-control-sm" style="height:90px; width:100%; min-width:400px; font-size:8pt; text-align:left;" onchange="SelectValues(this)">
  <option value='AAA'>AAA</option>
  <option value='BBB'>BBB</option>

</select> 
<select id="S2" multiple class="form-control form-control-sm" onclick="DeSelectValues();" style="height:90px; width:400px; min-width:400px; font-size:8pt; text-align:left;"></select>

function DeSelectValues() {
  //get the listbox object from id.
  var src = document.getElementById('S2');

  //iterate through each option of the listbox
  for (var count = src.options.length - 1; count >= 0; count--) {
    //if the option is selected, delete the option
    if (src.options[count].selected == true) {
      try {
        src.remove(count, null);
      } catch (error) {
        src.remove(count);
      }
    }
  }


  //var selval = $("#S2 option:selected");
  //var o = new Option(selval, selval);
  //$(o).html($(selval));
  //$("#A1").append(o);


}

function SelectValues(sel) {
    var selval = $("#S1 option:selected");
    var o = new Option(selval, selval);
    $(o).html($(selval));
    $("#S2").append(o);  
}