Javascript 如何以编程方式将选项添加到selectize.js中的optiongroup

我想在Selectize.js中向optiongroup动态添加一个选项。API只有

addOption(data)
updateOption(value, data)
addOptionGroup(id, data)

没有太多关于“数据”是什么的帮助。我看过添加选项的示例，但没有提到使用optionGroup

$('#button-addoption').on('click', function() {
    control.addOption({
    id: 4,
    title: 'Something New',
    url: 'http://google.com'
});

---

感谢

数据是传递给optgroup呈现方法的对象。 所以，你可以在里面放任何东西

$('#selectize').selectize({
    ...
    optgroupField: 'mygroup',
    render: {
        optgroup_header: function(data, escape) {
            return '<div class="optgroup-header">' + escape(data.a) + escape(data.b) '</div>';
        }
    },
    ...
});

当然，如果您只需要组的标签，可以执行以下操作：

//code
...
render: {
    optgroup_header: function(data, escape) {
    return '<div class="optgroup-header">' + escape(data) + '</div>';
}
...
//code

$('#selectize')[0].selectize.addOptionGroup('1', 'meat');

//代码
...
呈现：{
optgroup_头：函数（数据、转义）{
返回“”+转义（数据）+“”；
}
...
//代码
$（'#selectize'）[0]。selectize.addOptionGroup（'1'，'meat'）；

您可以在第页中看到（搜索“Optgroups（programmatical）”）

//code
...
render: {
    optgroup_header: function(data, escape) {
    return '<div class="optgroup-header">' + escape(data) + '</div>';
}
...
//code

$('#selectize')[0].selectize.addOptionGroup('1', 'meat');