另一个下拉列表中的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>

希望这有帮助。