jquery - ajax成功関数の後にselect2ドロップダウンメニューのコンテンツを更新する方法

Question

以下のコードを使用して、ajax成功関数の後にselect2ドロップダウンメニューのコンテンツを更新しています

  $.ajax(
{
url:'test.php',
type: 'POST',
data:'start='+start,
success:function(e)
{
var response=e; 
$('#field-video-keywords #optkeywords option:last').after(response);
$("#field-video-keywords").select2('close');                                                        
  $("#field-video-keywords").select2('open');   


},
error: function()
{
alert('Error');                     
}
});

コンテンツは更新されていますが、ドロップダウンが閉じてから開いている間に更新が表示されます..問題を解決するのを手伝ってください.

更新 貴重なご回答ありがとうござい
ます。回答データを追加することができました。しかし、リストを下にスクロールすると、選択リストの一番上に戻ります。どうすればこの問題を克服できますか

    $('#keywords ul.select2-results').scroll(function()
{
var div = $(this);
var keywordscount=$('#keywordscount').text();
var newkeywordscount = Number(keywordscount) + Number(20);
if (div[0].scrollHeight - div.scrollTop() == div.height())
{
$.ajax(
{
url:'test.php',
type: 'POST',
data:'start='+newkeywordscount,
success:function(e)
{                           
var response=e; 
$("#field-video-keywords").select2('close');
$('#field-video-keywords #optkeywords option:last').after(response);
$("#field-video-keywords").select2('open'); 
$('#keywordscount').html(newkeywordscount);
},
error: function()
{
alert('Error');                     
}
});
}
});