使用jQuery从一个下拉列表更改另一个下拉列表的值

我有两个下拉列表，我希望这样，当有人从dropdown1中选择例如值2时，dropdown2自动更改为值2。这可以使用jquery实现吗

<select id="dropdown1">
 <option value="1">Item1</option>
 <option value="2">Item2</option>
 <option value="3">Item3</option>
</select>

<select id="dropdown2">
 <option value="1">Item1</option>
 <option value="2">Item2</option>
 <option value="3">Item3</option>
</select>

项目1
项目2
项目3
项目1
项目2
项目3

这应该可以做到：

$("#dropdwon1").change(function(){
    $("#dropdwon2").val($(this).val());
});

---

此处的工作版本：

考虑修复打字错误：

dropdWOn1

应该是

dropdOWn1

我进行了更改，正在等待批准…@hunter是否可以在更改事件后单击第二个下拉列表。我试过使用**$（“#dropdwon1”）.change（function（）{$（“#dropdwon2”）.focus（）；$（“#dropdwon2”）。单击（）；**但它不起作用。