JavaScript Zincirleme Seçim Alanları - JS Uzmanları İçeri

Merhaba arkadaşlar,
İçinden çıkamadığım bir js sorunundan bahsetmek istiyorum.

3 farklı değişken bulunuyor ve bu değişkenler birbirlerine orantılı.

var renk : red, yellow, blue
var beden : 38, 40, 42, 44
var uzunluk : 10, 15, 20

Örn;
Her bir 'renk' değerinin 'beden' değeri olup 'uzunluk' değeri olmayabilir.
red = 38,40,42,44

Yada

Her bir 'beden' değerinin 'uzunluk' değeri olup 'renk' değeri olmayabilir.
38,40 = 15,20

Yada

Her bir 'uzunluk' değerinin 'renk' değeri olup 'beden' değeri olmayabilir.
15,20 = red, blue

İnputtan gelecek olan seçimlere göre bağlı olduğu diğer değerleri bulup sayfada aktif yapmam ve olmayan değerleri de disable yapmam gerekiyor.

Konuyu olabildiğince basite indirgemeye çalıştım.
Anlattığım mantığın 2 seçenekli halini aşağıda paylaşıyorum.

https://www.mavi.com/ziftt-serisi-ja...n/p/0042421319

Hocam şey yapılabilir gibi
Hover olan rengin idsi çekip
o id e ait ürünlerin beden tablosunu canlı olarak ekrana yansıtabiliriz.

Neden dizi kullanmıyorsunuz?

Sorunum dizi kullanmak yada hover kullanmak değil.
Daha karmaşık bir yapı, permutasyon gibi ama o da değil.
Örnek verdiğim linkte ki mantığın 3 lü halini yapmaya çalışıyorum.
Linkte Beden ve Boy alanları var, benim yapı da Beden, Boy ve Uzunluk alanları olacak.

https://www.mavi.com/ziftt-serisi-ja...n/p/0042421319