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>