MagicSuggest 依赖的多个下拉菜单不起作用答案

【问题标题】：MagicSuggest dependent multiple dropdowns not workingMagicSuggest 依赖的多个下拉菜单不起作用
【发布时间】：2016-01-16 05:45:21
【问题描述】：

我正在使用 MagicSuggest 进行自定义下拉菜单，现在我有两个下拉菜单类别和子类别。应根据类别选择填充子类别。当我选择类别，然后选择子类别时，它将第一次工作，但如果我更改类别，子类别不会改变并显示相同的列表。这是我的 jquery..

var cat = $('#category').magicSuggest({
    maxSelection:1,
    data: site+'project/getCats/',
    valueField: 'id',
    displayField: 'title',
    mode: 'remote',
    renderer: function(data){
        return '<div>' +
                '<div class="title">' + data.title + '</div>' +
            '</div>';
    },
    resultAsString: true,
    selectionRenderer: function(data){
        return '<div class="name">' + data.title + '</div>';
    }
});
$(cat).bind('selectionchange', function(event, combo, selection){
    cat_id = cat.getValue();
    src = site+'project/getCats/'+cat_id;
    var subcat = $('#sub_category').magicSuggest({
        maxSelection:1,
        data: src,
        valueField: 'id',
        displayField: 'title',
        mode: 'remote',
        renderer: function(data){
            return '<div>' +
                    '<div class="title">' + data.title + '</div>' +
                '</div>';
        },
        resultAsString: true,
        selectionRenderer: function(data){
            return '<div class="name">' + data.title + '</div>';
        }
    });
})

【问题讨论】：

标签： php jquery ajax dropdown magicsuggest

【解决方案1】：

由于没有人回复，我将冒险..

取自 Magicsuggest 主页http://nicolasbize.com/magicsuggest/doc.html。

我认为您需要使用 setData() 来设置组合中列出的对象。

var ms = $('#ms-setData').magicSuggest({});
ms.setData(['Paris', 'New York', 'Gotham']);
$(ms).on('selectionchange', function(){
    alert(JSON.stringify(this.getSelection()));
    this.setData([
        {id:1, name:'Blue'},
        {id:2, name:'Red'}
    ]);
});

如果您转到我在上面发布的链接，您会找到一个有效的示例。您首先选择一个城市，例如巴黎，然后选项的颜色会发生变化，因此您可以选择蓝色。

您可以调整代码以使用“sub_category”上的 setData..

【讨论】：