使用数组动态地进行Bootstrap多选分组 [英] Bootstrap multi select grouping dynamicaly using array

问题描述

有没有一种方法可以使用这种形式在多选中动态添加分组

Is there a way to dynamically add grouping in multi select using this formation

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

推荐答案

是的，由于

Yes, you can now add groups with dataprovider thanks to this pull request

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

See the documentation on .multiselect('dataprovider', data).

您可以这样编写:

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>

这篇关于使用数组动态地进行Bootstrap多选分组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！