Question

我正在尝试创建一个包含2个表单的网页。第一个来自另一个页面，并从数据库中提取信息。第二种形式需要将信息复制到某些条目中，但不是全部。此外，表单输入具有不同的名称。

这是第一种形式：

<form name="kmp" id="form1" method="post" action="">
                <input TYPE="hidden" NAME="command" VALUE="search">
                <input TYPE="hidden" NAME="file" VALUE="Repair_Project\RepairProjectWeb.db">
                <input TYPE="hidden" NAME="database" VALUE="SNumber">
                <input TYPE="hidden" NAME="postfields" VALUE="SN_No;SN_Device0;SN_DD0">
                <input TYPE="hidden" NAME="searchfields" VALUE="SN_No">
                <input TYPE="hidden" NAME="AD_Code" VALUE="[[SN_No]]">
                    <TABLE>
                        <TR>
                        <TD>Serial Number: </TD><TD>&nbsp;</TD><TD><input type="text" size="20" name="SN_No"</TD>
                        </TR>
                        <TR>
                        <TD>Device: </TD><TD></TD><TD><input type="text" size="20" name="SN_Device0"</TD>
                        </TR>
                        <TR>
                        <TD>Date Dispatched: </TD><TD></TD><TD><input type="text" size="20" name="SN_DD0"</TD>
                        </TR>
                        <TR>
                        <TD>&nbsp;</TD><TD>&nbsp;</TD>
                        </TR>
                    </TABLE>
                </form>

这是第二种形式：

<form name="kmp" id="form2" method="post" action="submit2.html">
                <input TYPE="hidden" NAME="command" VALUE="search">
                <input TYPE="hidden" NAME="file" VALUE="Repair_Project\RepairProjectWeb.db">
                <input TYPE="hidden" NAME="database" VALUE="Repair">
                <input TYPE="hidden" NAME="postfields" VALUE="RP_SNo;RP_Device;RP_DD;RP_Code;RP_SDate;RP_Problem">
                    <TABLE>
                        <TR>
                        <TD>Account Code: </TD><TD>&nbsp;</TD><TD><input type="text" size="20" name="RP_Code"</TD>
                        </TR>
                        <TR>
                        <TD>Serial Number: </TD><TD>&nbsp;</TD><TD><input type="text" size="20" name="RP_SNo"</TD>
                        </TR>
                        <TR>
                        <TD>Device: </TD><TD>&nbsp;</TD><TD><input type="text" size="20" name="RP_Device"</TD>
                        </TR>
                        <TR>
                        <TD>Date Dispatched: </TD><TD>&nbsp;</TD><TD><input type="text" size="20" name="RP_DD"</TD>
                        </TR>
                        <TR>
                        <TD>Request Date: </TD><TD>&nbsp;</TD><TD><input type="date" size="20" name="RP_SDate"</TD>
                        </TR>
                        <TR>
                        <TD>Problem: </TD><TD>&nbsp;</TD><TD><input type="text" size="20" name="RP_Problem"</TD>
                        </TR>
                        <TR>
                        <TD></TD>
                        <TD></TD>
                        <TD class="copy"><input TYPE="SUBMIT" NAME="b1" VALUE="Submit Repair Request"></TD><TD>&nbsp;</TD>
                        </TR>
                        <TR>
                        <TD>&nbsp;</TD><TD>&nbsp;</TD>
                    </TABLE>
                </form>

我一直在尝试使用JavaScript将值：SN_No，SN_Device0和SN_DD0复制到第二种形式：RP_SNo，RP_Device和RP_DD。

任何帮助都会很棒。

谢谢，

克里斯

Answer 1

您可以通过迭代下面的表单元素来复制它

var elementsFrom = document.getElementById("form1").elements;//form 1 elements
var formTo = document.getElementById("form2");//form2
for (var i = 0; i < elementsFrom.length; i++) {     
    var el = elementsFrom[i];
    if (el.type === 'text') {//filter the one you interested based on type etc
        formTo.elements.namedItem(el.id).value = el.value;//assign value to form2 element with name el.id
    }
}

将1组表单条目复制到具有不同条目的另一个表单

1 个答案: