JQuery - изменить выбранную опцию выбора, когда другой выбор изменен

Question

Я хочу изменить выбранную опцию меню выбора при изменении другого меню выбора, но я не могу. Это мой код:

$('#select_menu_1').on('change',function(){ 
    $('#select_menu_2').val(2).trigger('change'); 
}); 

Этот код не работает, и моя проблема select_menu_2 не меняется, когда я изменить select_menu_1. Как я могу это сделать?

Answer 1

Используйте этот код

$("#dropdown1").change(function() { 
 
    var value = $("option:selected", this).val(); 
 
    $("#dropdown2 > option[value=" + value + "]").attr("selected", true); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dropdown1"> 
 
    <option value="Option-1">Option-1</option> 
 
    <option value="Option-2">Option-2</option> 
 
    <option value="Option-3">Option-3</option> 
 
</select> 
 
<select id="dropdown2"> 
 
    <option value="Option-1">Option-1</option> 
 
    <option value="Option-2">Option-2</option> 
 
    <option value="Option-3">Option-3</option> 
 
</select>