Выберите соответствующую опцию множественного выбора на основе выбранной опции специального выбора

Question

<select >
  <option  value="1" selected>One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>
<select >
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>    
<select >
  <option value="1">One</option>
  <option value="2" selected >Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>

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

я делаю как

function getval(sff,sel){
    var selectval=[];
    $("select > option:selected").each(function(e) {
        if(sel.value==this.value){
            alert(this.value);
            $(this).find('option[value="2"]').prop('selected', true); 
        }
    });  
}

Answer 1

Вам необходимо выбрать целевой параметр тега select в прослушивателе событий изменения основного выбора.Поэтому выберите соответствующую опцию выбора и добавьте к ним атрибут selected.

$(".main").change(function(e) {
  $(this).siblings("select").find("option[value='"+$(this).val()+"']").prop("selected", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="main">
  <option value="1" selected>One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>
<select >
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>
<select >
  <option value="1">One</option>
  <option value="2" selected >Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>