Select2再初期化が機能しない

Question

私は別の選択ボックスに依存する選択ボックスを持っています。私は、AJAXを使用して2番目の（依存する）選択ボックスのオプションを変更しています。また、私は、selectboxesの両方にプラグインのようなものSELECT2を使用しています：

$(document).ready(function() { 
    $('#mySelect2').select2({ 
     // options 
     } 
    }); 
}); 

を私の問題は、第二の選択ボックスをリフレッシュした後、SELECT2はちょうどこの選択ボックスから消え、普通の選択ボックスのように私に示すことです。ここのどこかで、私は破壊を使用して選択を「再開」できることを見ました。しかしmySelect1.onChangeイベントで私が使用している場合：

その選択ボックスが破壊されたが、再び初期化されていないように見える

$('#mySelect2').select2("destroy"); 
$('#mySelect2').select2({ 
     // same options 
}); 

。別のリフレッシュ後、私のコンソールはこう言っています：

The select2('destroy') method was called on an element that is not using Select2. 

私はこれを初めてお世話になります。

Answer 1

datalinkを読み込み、次に.trigger('change')linkをロードしてみてください。例：

// new data arrived... 
var new_data = [...] 

$('#mySelect2').select2({ 
    // update data 
    data: new_data 
}); 
$('#mySelect2').trigger("change");