javascript - 別のドロップダウンでの JavaScript ミラー ドロップダウンの選択

Question

私のページには2つのフォームがあります。1つは最初は非表示です。その後、最初のフォームが送信された後、最初のフォームは非表示になり、代わりに 2 番目の似ているがよりコンパクトなフォームが表示されます。

問題の原因となっているドロップダウンを除いて、最初のフォームで送信されたのと同じ値を 2 番目のフォームにロードする必要があります。

私が試しているのは次のとおりです。

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

お役に立てれば。