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

时间:2010-12-20 17:16:11

标签: jquery drop-down-menu

我有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>

1 个答案:

答案 0 :(得分:8)

这应该这样做:

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

此处的工作版本:http://jsfiddle.net/xkT3U/