多個下拉列表，組合檢查和過濾器

Question

使用Javascript/jQuery，我試圖建立一個「組合檢查器」，將採取三個值（但可以更多）下拉列表的值和基於提供的列表篩選選項允許的組合。

例如：

DROPDOWNS
字段1：
- 值_1
- _2

字段2：
- VALUE_3

字段3：
- VALUE_4
- VALUE_5

組合
- _1，VALUE_3，VALUE_5
- _1，VALUE_3，VALUE_4
- _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改變和刪除下拉列表中所有條目，然後只添加允許的輸入。

無法禁用特別的下拉條目（您只能禁用/啓用整個下拉菜單），因此您必須刪除不允許的下拉條目。