使用jQuery基于DropDown A的selectedindex更改了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;
});