javascript - 在复选框勾选时将表单字段从一个表单复制到另一个表单

Question

正如标题所说，我有一个地址表格和另一个地址表格，两个表格都有相同的字段。

当填写一个表单时，希望用户能够选中一个框以将表单数据复制到另一个表单，因为这些值很多时候都是相同的。

我所有的文本字段都在工作，我只是被国家的下拉菜单卡住了。

JAVASCRIPT

    <script language="javascript" type="text/javascript">

    function CopyAddress(f) {

        var SelCountry = document.getElementById("dCountry");
        var SelAccCountry = document.getElementById("dAccCountry");

        if (f.cCopyAddress.checked == true) {
            f.tAccAddress1.value = f.tAddress1.value;
            f.tAccAddress2.value = f.tAddress2.value;
            f.tAccTown.value = f.tTown.value;
            f.tAccCounty.value = f.tCounty.value;
            f.tAccPostcode.value = f.tPostcode.value;
            f.tAccTel.value = f.tTel.value;
            f.tAccFax.value = f.tFax.value;
            f.tAccEmail.value = f.tEmail.value;
            SelAccCountry.options[SelAccCountry.selectedIndex].value = SelCountry.options[SelCountry.selectedIndex].value;
      }
    }
</script>

<asp:CheckBox ID="cCopyAddress" runat="server" onclick="CopyAddress(this.form)" CssClass="autoWidth" />

如果您希望我在表单代码中过去，那么请告诉我，但我认为这不是必需的，因为我认为错误不存在。

Answer 1

只需分配selectedIndex财产。

SelAccCountry.selectedIndex = SelCountry.selectedIndex;

Answer 2

<script type="text/javascript">
function doit() {
document.getElementById("two").value = document.getElementById("one").value;
}

</script>

<textarea id="one">text goes here</textarea>
<input name="Checkbox1" type="checkbox" onchange="doit()" />
<textarea id="two"></textarea>