JSFiddle - React, Tailwind, and code Playground

by JWo1F

HTML

<select id="select1">
  <option value="c1">Апельсиновый</option>
  <option value="c2">Лимонный</option>
  <option value="c3">Персиковый</option>
</select>
   
<select id="select2">
  <option value="s1">Премиум</option>
  <option value="s2">Лайт</option>
  <option value="s3">Экстра</option>  
</select>

Стоимость: <input type="text" id="price">

JavaScript

$(function() {
	var prices = {
  	c1: {
    	s1: 200,
      s2: 300,
      s3: 600
    },
    c2: {
    	s1: 100,
      s2: 300,
      s3: 200
    },
    c3: {
    	s1: 200,
      s2: 100,
      s3: 10
    }
  };
  
  $("#select1, #select2").change(function() {
    var price = prices;
    $( "select option:selected" ).each(function() {
       price = price[this.value];
    });
    $('#price').val(price);
  });

});