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

希望这会有所帮助。