javascript - Select2 従属ドロップダウン リスト

Question

Select2 プラグインを使用して、相互に依存する 4 つのドロップダウン リストを作成しようとしています。オプションをロードするデータを更新する正しい方法を見つけるのに苦労しました。

私の目標は、ajax を介して新しいデータをロードすることですが、クライアントにデータを取得すると、選択リストに新しいデータを追加できません。

私が試したコードは次のとおりです。

$(#"a3").select2({
    placeholder: "select an item",
    allowClear: true}).on("change",
    function (e) {
         var results = $.get("url?id=2",
            function (data, textStatus, jqXHR) {
                $(this).select2({ data: { results: data, text: "Name" } });
        });
    }
); 

ここで別の質問があります select2動的に項目を変更します が、そこでのソリューションは Select2 v3.2 では機能しましたが、Select2 v3.3 では機能しませんでした

Answer 1

Igor がこれを行う方法を教えてくれました

var data=[...];    
$().select2({data: function() {return {results:data};}});    
/// later    
data=[...something else];    
// next query select2 will use 'something else' data

Answer 2

正しい形式は次のとおりです。

.select2("data", {...})