javascript - JQuery - 当另一个选择改变时改变选择的选择选项

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>