Select value from 2 dropdowns and display specific data from a table

[zazu]

I have 2 select inputs with diferent values ex: one with size 1,2,3,4 and the other one with color: red, green, yellow. In a table above this inputs i have the exact same values but with price such as: 1,red,250$, etc.

 

What i want to do is when i select for example from the first input 1 and the secound input red to show me below the price 250$ how can i do that using javascript.

 

The table that i was talking about is posted here

 

The column on the left is represented by SIZE in my example and the HEADING ROW above with Ø is represented by COLOR in my example, and the price is in the cells.

[scootstah]

Does the price increase linearly with each size? Like, is 2,red == $500? And is 3,red == $750?

 

If that's the case you can just define what each color's base price is and then multiply it by size.

 

Otherwise you'll need to map out what each color costs for each given size.