Javascript 无法交换optgroup中的选项

这是下拉列表

----
ab2
--
ab1

我希望在提交所选项目时，optgroup pt1应该被删除并添加到optgroup pt2中

我正在尝试这样的事情，因为我不得不称之为成功的服从

  $("#myform").submit(function(e){
    var officer_id = $('#officer-id').val();
    e.preventDefault();
     $.ajax({
      type:'POST',
      url: '<?php echo base_url();?>Home/insert_reviewofficer',
      //dataType:'json',
      data:$(this).serialize() + '&officer_id=' + officer_id,
      success:function(resp){
        // alert('success');
        // console.log(resp);
        $("#myform").hide();
          var value=$('#officer-id').val();
          $('#pt2').append($("#officer_id"));
      }
    });//end ajax
    });

$（“#myform”）.submit（函数（e）{
var officer_id=$（'#officer id'）.val（）；
e、 预防默认值（）；
$.ajax({
类型：'POST'，
url:“主页/插入\u修订办公室”，
//数据类型：'json'，
数据：$（this）.serialize（）+'&officer\u id='+officer\u id，
成功：功能（resp）{
//警惕（“成功”）；
//控制台日志（resp）；
$（“#myform”）.hide（）；
var值=$（“#官员id”）.val（）；
$（“#pt2”）。追加（$（“#官员id”）；
}
})；//结束ajax
});

但是，

$（“#pt2”）.append（$（“#officer_id”）

没有在optgroup#pt2中添加和显示任何选项

我想实现这一点，当我单击submit时，当我的ajax请求成功时，要检查的optgroup应该变成空的并且optgroup checked应该包含选项。ab1和ab2

试试这个：

$('#pt2').append($("select").find(":selected"));

$('#pt2').append($("select").find(":selected"));