Javascript jquery中的多选添加/删除选择

在一个表单中，我有两个多选。我可以使用以下jquery函数将项目从select1添加到select2，或从select2删除项目：

<script  type="text/javascript">
   function addProject() {    
      return !$('#select1 option:selected').remove().appendTo('#select2');
   }

   function removeProject() {
      return !$('#select2 option:selected').remove().appendTo('#select1');
   }
</script>

<select multiple id="select1" class="form-control">
@for(p <- projects) {
    option value="@p.getName">@p.getName</option>
}
</select>

<button type="button" class="btn btn-primary"  onclick="addProject();" >
   <span class='glyphicon glyphicon-plus'></span>
</button>
<button type="button" class="btn btn-primary"  onclick="removeProject();" >
   <span class='glyphicon glyphicon-minus'></span>
</button>

<select name="projects" multiple id="select2" class="form-control">
</select>

---

如何解决这个问题？

我解决了如下更改select_projects（）函数的问题：

function select_projects() {
    $('#select1 option:selected').attr('selected', false);
    $('#select2').children().prop('selected', true);
}

---

尝试以下操作：我已选中，但似乎与我的问题无关。正如此答案中所述，当您要保存所选项目时，需要再次调用

.select2（）

函数。好的，但我的函数似乎工作正常。我可以毫无问题地添加/删除项目。提交表单时出现的问题当我从select2中删除一个项目时，选择将保留在此项目上，当我提交表单时，select2未选择任何项目

function select_projects() {
    $('#select1 option:selected').attr('selected', false);
    $('#select2').children().prop('selected', true);
}