выберите значение из другого тега выбора

Question

У меня есть два выбранных тега, один французский и один английский sh. Я хочу, чтобы выбранные параметры изменялись на основе противоположного тега выбора. Поэтому, если я выберу французское слово, эквивалент engli sh автоматически изменится, и наоборот. Я ищу чистую javascript функцию.

Я пробовал несколько разных вещей, но ничего не получалось.

Вот мой html код.

<select id="french" onchange="myFunction()">
  <option value="bonjour">bonjour</option>
  <option value="monde">monde</option>
</select>

<select id="english" onchange="myFunction()">
  <option value="hello">hello</option>
  <option value="world">world</option>
</select>

Answer 1

, учитывая, что порядок совпадающих элементов в выборках правильный (опция 1 в select french соответствует опции 1 в select engli sh ...), чем та скрипка ниже, будет работать для вас.

https://jsfiddle.net/sufo9zxk/

<select id="french" onchange="myFunction(this)">
  <option value="bonjour">bonjour</option>
  <option value="monde">monde</option>
</select>

<select id="english" onchange="myFunction(this)">
  <option value="hello">hello</option>
  <option value="world">world</option>
</select>

function myFunction(changedSelect) {

  var otherSelect = document.getElementById(
    changedSelect.id === 'french' ? 'english' : 'french'
  );

    for (var i = 0; i < changedSelect.children.length; i++) {
    var op = changedSelect.children.item(i);

    if (op.selected) {
        otherSelect.children.item(i).selected = true;
    }
  }
}