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
使用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
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- JQuery对动态创建的对象进行选择
- 无法在Ionic select中预先选择最后一个选项
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery自动完成阻止选择后聚焦
- 从 dojo.form.Multiselect 中选择和删除项目
- jQuery UI MultiSelect 正在选择页面中的所有<选择>
- Select2 multiselect -选择一个组及其所有子组,但允许在未选择组时选择多个子组
- 自动选择多选2's值基于Multiselect 1值
- 在jQuery UI MultiSelect Widget中选择复选框