Question

目前我正在自定义Multiple Selection Plugin的多个选择下拉列表，这些是我将在我的自定义选择中应用的行为：

选择父级后，将选择所有子项。
选择所有孩子后，也会选择父母，否则如果取消选择其中一个孩子，那么父母也将被取消选择。
当选择所有孩子时，应该只有父母的姓名在所选字段中显示。
子级别也应该作为第1级。

（1），（2）和（4）我已经完成了它。但对于（3），我还没有提出任何解决方案。

这是多选的样本json字符串：

var _str = '{"10":{"0":"0","1":"DISPONIBILITES","2":"t","style":"font-weight: bold;"},"16":{"0":"0","1":"TRESORERIE NETTE","2":"t","style":"font-weight: bold;"},...."}}}';

以下是我创建的https://jsfiddle.net/skL589uu/7/。

如果有人在这里可以给我一些想法，那就太好了。

Answer 1

您不必为此编写任何自定义逻辑，optGroups提供名为<select multiple="multiple"> <optgroup label="Group 1"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </optgroup> <optgroup label="Group 3"> <option value="15">15</option> </optgroup> </select>的功能。

只需将HTML中父组下的子项分组，其余部分就可以了。

以下是官方文档的链接Multi-select OptGroups

HTML CODE：

$(function() {
   $("select").multipleSelect({
     multiple: true,
     multipleWidth: 55,
     width: '100%'
   });
});

JQUERY CODE：

<video class="video-scroll" poster="fallbackImage" data-src="videoURL"></video>

Live Demo @ JSFiddle

带有jquery的多选下拉列表

1 个答案: