在javascript中在select2中设置新值

Question

我正在使用bootstrap插件＆＃39; select2＆＃39;。使用以下代码在select2下拉列表中创建自定义值。

postPurchasePageSelect: function(){

$("#purchase_page_select").select2({
    placeholder: 'Select type',
    theme: "bootstrap",
    minimumResultsForSearch: Infinity
  })
  .on('select2:open', () => {
    $(".select2-results:not(:has(a))").append(

      '<a href"" onclick="add_new_tag()" style="padding: 6px;height: 20px;display: inline-table;">Create new item</a>'

      );
  });

}


var add_new_tag = function(){

  var el = $(purchase_page_select);
  var newval = prompt("Enter new value: ");

      if(newval !== null) {
        el.append('<option>'+newval+'</option>')
          .val(newval);
      }
}

一切正常但行 .val（newval）; 正在替换select2字段中的先前所有标记并设置新值。我想添加一个新标签，而不删除以前的标签。