在另一个下拉列表中选择javascript镜像下拉列表

我的页面上有两张表格。一开始是隐藏的。稍后，在提交第一个表单后，第一个表单被隐藏，而第二个类似但更紧凑的表单被显示

我希望第二个表单加载与第一个表单中提交的值相同的值，我已经完成了，除了下拉列表，它会给我带来问题

我的尝试如下：

<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可用，因此如果有人知道如何使用，这是一个选项。

这应该设置值

<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>

选择。。。
盈亏平衡；损失
资产负债表

---

希望这有帮助。

这应该设置值

<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>

选择。。。
盈亏平衡；损失
资产负债表

---

希望这有帮助。

谢谢。我试过了，但不起作用。Firebug说，“document.getElementById（…）为空”对不起，我有点仓促！这是因为我的第二个下拉列表的ID是“chooseRep1”。更新，现在工作得很好！谢谢，谢谢。我试过了，但不起作用。Firebug说，“document.getElementById（…）为空”对不起，我有点仓促！这是因为我的第二个下拉列表的ID是“chooseRep1”。更新，现在工作得很好！谢谢