多个下拉菜单，组合检查和过滤

Question

使用Javascript / jQuery，我正在尝试构建一个“组合检查器”，它将获取三个（但可以更多）下拉列表的值，并根据提供的允许组合列表过滤选项。

例如：

DROPDOWNS
第1场：
- value_1
- value_2

第2场：
- value_3

第3场：
- value_4
- value_5

组合
- value_1，value_3，value_5
- value_1，value_3，value_4
- value_2，value_3，value_5

当用户选择字段3 - value_4 时，将禁用不可用选项 - 即，字段1 - 值_2（没有允许一起选择value_2和value_4的组合）。

如果有人可以就如何实现这一目标提供一些指示，或者只是提供一个全新的视角，那将是非常好的 - 我会绕着这个圈子转过来！

Answer 1

您可以将有效组合保存在javascript数组中。

var combinations = [[value1, value3, value5], [value1, value3, value4], [value2, value3, value5]];

然后，您可以使用jQuery change event监控更改并删除下拉列表中的所有条目，然后仅添加允许的条目。

特别是无法禁用下拉条目（您只能禁用/启用整个下拉列表），因此您必须删除不允许的下拉条目。