使用数组动态引导多选分组

Question

有没有办法使用此格式在多选中动态添加分组

var data = [
    {label: "ACNP", value: "ACNP"},
    {label: "test", value: "test"}
];
$("#multiselect").multiselect("dataprovider", data);

Answer 1

是的，由于this pull request

，您现在可以使用dataprovider添加群组

请参阅.multiselect('dataprovider', data)上的文档。

Demo in jsFiddle

你可以这样写：

var data = [{
    title: 'First group',
    children: [{ label: 'Cheese', value: 'cheese' }, 
               { label: 'Tomatoes', value: 'tomatoes' }]
    }, {
    title: 'Second group',
    children: [{ label: 'Mozzarella', value: 'mozzarella' }, 
               { label: 'Mushrooms', value: 'mushrooms' }]
}];

$('.multiselect').multiselect('dataprovider', data);

<select class="multiselect" multiple="multiple"></select>

Answer 2

@KyleMit对我而不是标题，标签有效..

var data = [{
    label: 'First group',
    children: [{ label: 'Cheese', value: 'cheese' }, 
               { label: 'Tomatoes', value: 'tomatoes' }]
    }, {
    label: 'Second group',
    children: [{ label: 'Mozzarella', value: 'mozzarella' }, 
               { label: 'Mushrooms', value: 'mushrooms' }]
}];

$('.multiselect').multiselect('dataprovider', data);