Как изменять несколько селектов одновременно

Question

Нужно сделать так, чтобы при изменении значени в селекте1 это же значение переключалось в селекте2 и наоборот

   $(".select").on('change', function(){
      switch ($(".select").val()) {
        case "1 kom = 55 BAM":
          $(".item-gift").text("1 kom = 55 BAM")
          break;
        case "2 kom = 75 BAM":
          $(".item-gift").text("2 kom = 75 BAM")
          break;
        case "3 kom = 90 BAM":
          $(".item-gift").text("3 kom = 90 BAM")
          break;
        case "4 kom = 110 BAM":
          $(".item-gift").text("4 kom = 110 BAM")
          break;
        case "6 kom = 150 BAM":
          $(".item-gift").text("6 kom = 150 BAM")
          break;
        default:
          $(".item-gift").text("1 kom = 55 BAM")
      }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form_container">
  <select class="input__inner select" id="priceListId1" name="amount">
    <option selected>1 kom = 55 BAM</option>
    <option>2 kom = 75 BAM</option>
    <option>3 kom = 90 BAM</option>
    <option>4 kom = 110 BAM</option>
    <option>6 kom = 150 BAM</option>
  </select>
</div>

<div class="item-gift">1 kom = 55 BAM</div>

<div class="form_container">
  <select class="input__inner select" id="priceListId1" name="amount">
    <option selected>1 kom = 55 BAM</option>
    <option>2 kom = 75 BAM</option>
    <option>3 kom = 90 BAM</option>
    <option>4 kom = 110 BAM</option>
    <option>6 kom = 150 BAM</option>
  </select>
</div>

<div class="item-gift">1 kom = 55 BAM</div>

Answer 1

Нужно сделать так, чтобы при изменении значени в селекте1 это же значение переключалось в селекте2 и наоборот

const selects = $('select.select');
selects.change(function() {
  const val = $(this).val();
  selects.each(function() {
    $(this).val(val);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form_container">
  <select class="input__inner select">
    <option selected>1 kom = 55 BAM</option>
    <option>2 kom = 75 BAM</option>
    <option>3 kom = 90 BAM</option>
    <option>4 kom = 110 BAM</option>
    <option>6 kom = 150 BAM</option>
  </select>
</div>

<div class="form_container">
  <select class="input__inner select">
    <option selected>1 kom = 55 BAM</option>
    <option>2 kom = 75 BAM</option>
    <option>3 kom = 90 BAM</option>
    <option>4 kom = 110 BAM</option>
    <option>6 kom = 150 BAM</option>
  </select>
</div>

БЛОГ НА HUSL

Как изменять несколько селектов одновременно

Ответы (1 шт):