Question

这是下拉列表

    <select id="officer-id" placeholder="Choose an officer">
              <option selected="selected" >----</option>
              <optgroup id="pt1" label="To be checked">
                <option value='ab2'>ab2</option>
                  --


              </optgroup>
              <optgroup id="pt2" label="Checked">
                 <option value='ab1'>ab1</option>

              </optgroup>

   </select>

我希望在提交所选项目时，应删除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
    });

但$('#pt2').append($("#officer_id"))未在optgroup＃pt2

中添加和显示任何选项

我想实现这一点当我点击提交时，如果我的ajax请求成功，选择要检查的 应该变为为空， 选择组选择 应包含选项。 ab1和ab2

Answer 1

试试这个：

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

JsFiddle

无法在optgroup中交换选项

1 个答案: