根據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; 
});