Помогите пожалуйста cинхронизировать select между собой

Question

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Нужно на чистом js чтобы select синхронизировался с другим селект, как в примере

var $synch = $(".synch").on('change', function() {
  $synch.not(this).get(0).selectedIndex = this.selectedIndex;
});

<select class="synch">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>
<select class="synch">
  <option value="A">AA</option>
  <option value="B">BB</option>
  <option value="C">CC</option>
</select>

Answer 1

let synch = document.querySelectorAll('.synch').forEach((element, index, array) => {
    element.addEventListener('change', function(){
            index > 0 ? array[0].value = this.value : array[1].value = this.value
    })
});

Но это конкретно под

<select class="synch">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>
<select class="synch">
  <option value="A">AA</option>
  <option value="B">BB</option>
  <option value="C">CC</option>
</select>

БЛОГ НА HUSL

Помогите пожалуйста cинхронизировать select между собой

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