jQuery：根据1st的选择更改第二个下拉列表的选择

我有两个下拉列表，当有人从dropdown1中选择值2时，我想建立它，dropdown2会自动更改为值4。

 Item1 Item2 Item3   Item1 Item2 Item3  

我已经看到当值相同但不同时它们是如何实现的。 寻找下面这样的简单解决方案。

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

Answer 1

根据您的描述，您似乎希望将selectedIndex同步。

这是如何做：

jsFiddle示例

 $(function() { $("#dropdwon1").change(function() { $("#dropdwon2")[0].selectedIndex = $(this)[0].selectedIndex; }); });​ 

Answer 2

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

DEMO

+this.value将转换为数字，因此您可以添加2 。

要么

 $("#dropdwon1").change(function(){ $("#dropdwon2").prop('selectedIndex', this.selectedIndex ); }); 

DEMO

Answer 3

这有效：

 $('#dropdown1').change(function(){ var ind = $(this).find('option:selected').index(); $('#dropdown2 option').eq(ind).prop('selected', true); }); 

Answer 4

 var ac1=$("#dd1").val(); $("#dd2").val(ac1);