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

Question

是否有一种方法来动态添加分组在多选择使用此格式

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

Answer 1

是的，你现在可以添加组与dataprovider感谢这个拉取请求

参见.multiselect('dataprovider', data)的文档。

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 for me代替title, label works.

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);