另一个下拉菜单中的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> 

希望这会有所帮助。