根据DropDown A的选定索引，使用jQuery更改DropDownB的selectedindex

Question

我有两个我正在使用的DropDownLists。

<div id="agency"> 
    <select id="DropDownA"> 
     <option value="1">Item 1</option> 
     <option value="2">Item 2</option> 
     <option value="3">Item 2</option> 
    </select> 
</div> 
<div id="agency-id"> 
    <select id="DropDownB"> 
     <option value="A">Item A</option> 
     <option value="B">Item B</option> 
     <option value="C">Item C</option> 
    </select> 
</div> 

两个DropDownLists的值是不同的。我需要它，所以当选择项目1时，也选择项目A.当选择项目2时，选择项目B.

我试过使用这个代码，我发现在类似的问题，但它只是改变DropDownB准时，而不是重复。

$("div#agency select").change(function(){ 
    $("div#agency-id select")[0].selectedIndex = 1; 
}); 

Answer 1

那么你将它设置为指数1每次 - 获得第一的指数变化，然后选择设置：

$("div#agency select").change(function(){ 
    var index = this.selectedIndex; 
    $("div#agency-id select")[0].selectedIndex = index; 
});