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

希望这可以帮助。