JSFiddle - React, Tailwind, and code Playground

HTML

<div class="b-parent">
  <div class="b-parent-item">
    <div class="b-price">
      <div class="b-price-item" id="param-50">50</div>
      <div class="b-price-item" id="param-100">100</div>
      <div class="b-price-item" id="param-110">110</div>
      <div class="b-price-item" id="param-130">130</div>
    </div>
  </div>
  <div class="b-parent-item">
    <select name="" class="select">
      <option value="-1">Параметр 1</option>
      <option selected value="param-50">50</option>
      <option value="param-100">100</option>
      <option value="param-110">110</option>
      <option value="param-130">130</option>
    </select>
  </div>
</div>

<div class="b-parent">
  <div class="b-parent-item">
    <div class="b-price">
      <div class="b-price-item-2" id="param-2-50">50</div>
      <div class="b-price-item-2" id="param-2-100">100</div>
      <div class="b-price-item-2" id="param-2-110">110</div>
      <div class="b-price-item-2" id="param-2-130">130</div>
    </div>
  </div>
  <div class="b-parent-item">
    <select name="" class="select-2">
      <option value="-1">Параметр 2</option>
      <option selected value="param-2-50">50</option>
      <option value="param-2-100">100</option>
      <option value="param-2-110">110</option>
      <option value="param-2-130">130</option>
    </select>
  </div>
</div>

CSS

*{
  box-sizing: border-box;
}
.b-parent {
  border: 1px solid #ccc;
  text-align: center;
  margi: 15px auto;
}
.b-parent-item {
  display: inline-block;
  vertical-align: middle;
  padding: 1em;
}
.b-price-item,
.b-price-item-2{
  display: none;
}
.b-price-item:nth-of-type(1),
.b-price-item-2:nth-of-type(1){
  display: block;
}

JavaScript

$(function() {
  $('.select').change(function() {
    $('.b-price-item').hide();
    $('#' + $(this).val()).show();
  });
});
$(function() {
  $('.select-2').change(function() {
    $('.b-price-item-2').hide();
    $('#' + $(this).val()).show();
  });
});