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

【问题标题】：Bootstrap multi select grouping dynamicaly using array使用数组动态引导多选分组
【发布时间】：2016-07-07 14:26:05
【问题描述】：

有没有办法使用这种形式在多选中动态添加分组

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

【问题讨论】：

标签： jquery json twitter-bootstrap twitter-bootstrap-3 bootstrap-multiselect

【解决方案1】：

是的，您现在可以使用dataprovider 添加群组，感谢this pull request

请参阅.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>

【讨论】：

【解决方案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);

【讨论】：