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 changing items dynamically但是那里的解决方案适用于 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