Select2 multiselect -选择一个组及其所有子组,但允许在未选择组时选择多个子组

select2 multiselect - select a group and all its children but allow more than one child to be selected when the group is not selected

本文关键字:选择 multiselect Select2 一个      更新时间:2023-09-26

使用jQuery插件select2 multiselect如何选择一个组及其所有子组,但允许多个子组被选中,当该组未被选中时?下面您将发现一个jsfiddle,它允许选择组,但一次只能选择一个子组。如有任何帮助,我将不胜感激。

jsfiddle select t2 multiple - http://jsfiddle.net/jcUUG/145/

HTML代码:

<input type='hidden' id='select'>

JS代码:

$(function () {
var select2_ary = [];
select2_ary.push(
{id: 'numbers', text: 'numbers',
    children: [
        {id: "numbers", text: "1"},
        {id: "numbers", text: "2"},
        {id: "numbers", text: "3"},
        {id: "numbers", text: "4"},
        {id: "numbers", text: "5"}
    ]
}, 
{id: 'letters', text: 'letters',
    children: [
        {id: "letters", text: "A"},
        {id: "letters", text: "B"},
        {id: "letters", text: "C"},
        {id: "letters", text: "D"},
        {id: "letters", text: "E"}
    ]
}
);
$("#select").select2({
    placeholder: "Select",
    data: select2_ary,
    multiple: true,
    width: "300px"
});
});

你不能有一个以上的选项相同的id,这就是为什么你得到这个行为。

看看这个有多个嵌套组的Select2