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>