Create a dynamic form with conditional fields

See more:

Javascript

HTML

jQuery

I'm gonna create an interactive order form for following sample table:

Product --- Quantity --- UV --- Sides
    
  Pro. 1       10,100      No        1
    
  Pro. 2       50          Yes       If UV = Yes : 1 , else : 1,2
    
  Pro. 3       5,10,50     Yes       1,2

I should create 4 select inputs, listen for changes and update / clear the elements.

This table is simple and small but handling more data with different conditions like 4th column of row 2 becomes a nightmare.

Is there any solution like a js library to make my job easier? Like automating the update process of select inputs based on a tree / table and certain conditions. A form generator ...

What I have tried:

As I mentioned in the post, I tried do the same without a library but it became so complicated when the data grew ...