如何以编程方式设置 selectize.js 选项列表?

2024-04-03

我知道如何设置optionList on 初始化但我如何以编程方式设置它?

我有一个邀请列表 array:

$("#select-invite").options(inviteList);

您可以使用 load 方法通过以下方式设置选项编程式API https://github.com/brianreavis/selectize.js/blob/master/docs/api.md#methods_other。您可能还想调用clear和clearOptions方法来重置所选值和旧选项。

以下是如何将它们组合在一起:

var selectize = $("#select-invite")[0].selectize;
selectize.clear();
selectize.clearOptions();
selectize.load(function(callback) {
    callback(inviteList);
});

请注意,inviteList 应该是一个对象数组,这些对象在初始化 select 时在 valueField 和 labelField 选项中配置了属性。例如,以下是使用默认 valueField 和 labelField 选项的 informList 的外观:

var inviteList = [
    {
        text: 'Option One',
        value: 1
    },
    {
        text: 'Option Two',
        value: 2
    }
];
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何以编程方式设置 selectize.js 选项列表? 的相关文章

随机推荐