创建动态选项后如何刷新select2选项

Question

我有一个启用动态选项创建的多重选择框。在每个新选项之后，我发送一个ajax请求并将该选项添加到数据库中。

$('.skill').on('select2:select',function(e) {
  saveNewItem($(this), 'skill'); //this just save the data iin the DB using Ajax request
}

，这很好。但是，如果我尝试添加第二个新项目，它将替换先前选择的项目，因此一次只能选择一个新选项。

鉴于每次将新项目添加到下拉菜单时，我都必须发送ajax请求以保存到数据库中，该怎么做才能向数据库添加多个新选项？

谢谢！

function saveNewItem($this, element){
  var selTitle = $this.find('option:last-child').val();
  var elem = $this.find('option:last-child');

  if(isNaN(parseInt(selTitle))){
    $.ajax({
      url: "/save_new_"+element,
      type: 'post',
      dataType: 'json',
      data:{title: selTitle},
      success:function(data){
        elem.val(data);
      }
   });
 }

}