Question

我在一个页面中加载了几个Selectize选择输入，如下所示：

var selectizeInput = [];
$('.select-photo-id').each(function (i) {
    var selectedValue = $(this).val();
    selectizeInput[i + 1] = $(this).selectize({
        'maxOptions': 100,
        'items': [selectedValue],
        'onType': function (input) {
            $.post("admin/ajax/search_photos_for_postcards",
                {input: input},
                function (data) {
                    $(this).addOption(data);
                    $(this).refreshOptions();
                }, 'json');
        }
    });

});

事件onType进行函数调用，返回我希望在Selectize输入中立即可用的新选项列表。有没有办法从那里调用Selectize实例？从代码中可以看出，我尝试使用$(this)访问它，但它失败了。我也尝试了$(this).selectize，但它是一样的。这是正确的方法吗？

Answer 1

我设法解决了这个问题：

   'onType': function (input) {
        var $this = $(this);
        $.post("admin/ajax/search_photos_for_postcards",
            {input: input},
            function (data) {
                $this[0].addOption(data);
                $this[0].refreshOptions();
            }, 'json');
    }

Answer 2

您可能希望使用Selectize.js API提供的load事件，如the demos中所示。滚动，直到找到“Remote Source - Github”，然后点击它下方的“显示代码”。

在类型上为多个Selectize输入添加选项

2 个答案: