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

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 对我来说而不是标题，标签有效..

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