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

问题描述:

我有2个下拉列表,我想这样做,当有人从dropdown1中选择例如值2时,dropdown2自动更改为值2。 jQuery的?这里使用jQuery从另一个下拉列表中更改一个下拉列表的值

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

工作版本:

<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> 
+0

考虑固定错字:'dropdWOn1'应该是'dropdOWn1' – sachleen 2012-11-09 17:39:43

+0

我作出改变,它在等待审批... – nicorellius 2012-11-09 17:52:04

这应该这样做http://jsfiddle.net/xkT3U/

+0

非常感谢!这很好用! :) – 2010-12-20 17:23:33

+0

@hunter是否有可能在更改事件后点击第二个下拉菜单。我试着用** $( “#dropdwon1”)变化(函数(){ $( “#dropdwon2”).focus(); $( “#dropdwon2”)。点击();} )。 ; **但它没有工作。 – nand 2015-09-09 18:07:07