magicSuggest没有更新/刷新数据: ajax成功

Question

下面是我用来填充magicSuggest框数据的代码。这是它第一次在dropdown中获得正确的值，但在dependent dropdown的更改中，它不会更改其数据。

        $(document).on("change",".specilitydrop", function() {
            var select = $(this);
            var newVal = select.val();
            //alert(newVal);
            $.ajax({
                type: 'Post',
                url : "<?php echo LIVE_SITE; ?>/users/findSubSplProfile/"+newVal,
                success: function (data)
                {   $('#subSpecialityData').magicSuggest({ 
                        width: 495,
                        sortOrder: 'value',
                        selectionPosition: 'bottom',
                        selectionStacked: true,
                        displayField: 'value',
                        data: $.parseJSON(data)
                    });
                }
            });
        }); 

提前感谢

Answer 1

多次调用$('#subSpecialityData').magicSuggest不会创建多个组件。相反，它将保留相同的组件。如果您希望每次都设置新数据，则应该在重新创建组件之前删除组件及其关联的DOM。

Answer 2

您应该使用magicSuggest的选项来传递数据，而不是使用ajax回调

$('#subSpecialityData').magicSuggest({ 
     width: 495,
     sortOrder: 'value',
     selectionPosition: 'bottom',
     selectionStacked: true,
     displayField: 'value',
     method: "post",
     data: "users/findSubSplProfile/"+newVal
});