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

标签 javascript forms

正如标题所示,我有一个地址表单和另一个地址表单,这两个表单具有相同的字段。

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

我的所有文本字段都可以工作,但我只是坚持使用国家/地区的下拉菜单。

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

如果您希望我输入表单代码,请告诉我,但我认为不需要这样做,因为我认为错误不在那里。

最佳答案

只需分配 selectedIndex 属性即可。

SelAccCountry.selectedIndex = SelCountry.selectedIndex;

关于javascript - 在复选框勾选上将表单字段从一个表单复制到另一个表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10555036/

相关文章:

javascript - 如何在同一页面上的 javascript 中使用从自动完成中选择的值

seleniums "clickAt()"方法背后的 JavaScript 代码?

html - HTML 表单数组中的方括号。只是常规的还是有意义的?

php - 不使用 PHP 提交联系表

jquery - 如何显示很长的选择选项的所有文本?

Javascript 将设置保存到一个或多个 cookie?

javascript - 使用 onClick() 将新的 div 添加到现有的 div 中

javascript - 使用按钮更改矩形高度

html - 有没有办法捕获多个复选框并选择框项目?

html - 如何在 Svelte 中强制内联 html 属性