Question

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

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

<select id="dropdwon2">
<option value="3">Item1</option>
<option value="4">Item2</option>
<option value="5">Item3</option>
</select>

我已经看到当值相同时可以如何做到这一点，但是当它们不同时则不行。寻找下面这样一个简单的解决方案。

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

Answer 1

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

以下是：

jsFiddle Example

$(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);

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

4 个答案: