另一個下拉菜單中的javascript鏡像下拉選擇

Question

我的頁面上有兩種形式。一開始是隱藏的。之後，在提交第一個表單後，第一個表單被隱藏，而第二個類似但更緊湊的表單被顯示。

我想要第二個表單加載與我已完成的第一個表單中提交的相同的值，除了下拉列表，這是我造成的問題。

我試圖如下：

<select 
    name  = "chooseRep" 
    id   = "chooseRep1" 
    data-param = "required" 
    data-desc = "report" 
    onchange = "document.getElementById('chooseRep2').options[document.getElementById('chooseRep2').selectedIndex]=this.options[this.selectedIndex]"> 

    <option value="">Select...</option> 
    <option value="pAndL">Profit &amp; Loss</option> 
    <option value="balSheet">Balance Sheet</option> 

</select> 

這似乎並沒有產生任何影響。我確實有Jquery，所以如果有人知道如何，這是一個選項。

Answer 1

這應該設置的值，

<select 
    name  = "chooseRep" 
    id   = "chooseRep1" 
    data-param = "required" 
    data-desc = "report" 
    onchange = "document.getElementById('chooseRep2').value = this.value;"> 

    <option value="">Select...</option> 
    <option value="pAndL">Profit &amp; Loss</option> 
    <option value="balSheet">Balance Sheet</option> 

</select> 

希望這會有所幫助。