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>