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

Question

我有 2 个下拉列表，我想这样做，以便当有人从 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>

Answer 1

这应该可以做到：

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

这里的工作版本： http://jsfiddle.net/xkT3U/