JQuery - 別の選択が変更されたときにselectの選択されたオプションを変更する

Question

他の選択メニューが変更されたときに選択メニューの選択されたオプションを変更したいができない。これは私のコードです：

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

は、このコードは動作しないと私はselect_menu_1を変更すると、私の問題はselect_menu_2が変化していないんです。どうすればこの仕事をすることができますか？

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>