javascript：提交表单和处理

我需要能够为多个表单提交一个提交按钮。为了简单起见，我只用了两种形式。每种表格都有自己独特的ID，但每种表格都非常相同，只是存在一些差异。我的问题是只有第一种形式提交成功。我意识到这是因为我的输入字段在每个表单中都有相同的名称，所以它当前不会识别重复的输入字段。是否有一种方法可以成功提交每个字段，即使输入字段是相同的，我希望通过帮助我可以提交'input_1'值并将其处理为'form1：input_1'和'form2：input_1 ' 分别。非常感谢你提前javascript：提交表单和处理

 <body><form name="form1"> 
    <input type="hidden" name="formID" value="form2"/> 
    <input type="hidden" name="redirect_to" value=""/> 
    <INPUT TYPE=TEXT NAME="input_1" SIZE=10 /> 
    <INPUT TYPE=TEXT NAME="input_A" SIZE=15>/<INPUT TYPE=TEXT NAME="input_C"style="width: 1em" maxlength="1"><sup>s</sup> 

    <INPUT TYPE=TEXT NAME="input_B" SIZE=10 /> 
    <INPUT TYPE="button" VALUE="+" name="SubtractButton" onkeydown="CalculateIMSUB(this.form)"> 
    <INPUT TYPE=TEXT NAME="Answer" SIZE=12> 
    <input type="hidden" name="val" value="298" /> 
    <INPUT TYPE=TEXT NAME="Answer_2" SIZE=4></form> 

    <form name="form2"> 
    <input type="hidden" name="formID" value="form2"/> 
    <input type="hidden" name="redirect_to" value=""/> 
    <INPUT TYPE=TEXT NAME="input_1" SIZE=10 /> 
    <INPUT TYPE=TEXT NAME="input_A" SIZE=15>/<INPUT TYPE=TEXT NAME="input_C"style="width: 1em" maxlength="1"><sup>s</sup> 

    <INPUT TYPE=TEXT NAME="input_B" SIZE=10 /> 
    <INPUT TYPE="button" VALUE="+" name="SubtractButton" onkeydown="CalculateIMSUB(this.form)"> 
    <INPUT TYPE=TEXT NAME="Answer" SIZE=12> 
    <input type="hidden" name="val" value="298" /> 
    <INPUT TYPE=TEXT NAME="Answer_2" SIZE=4></form> 
    <input type="submit" name="Submit" id="button" value="Submit" onClick="submitAllDocumentForms()"></body>

Javascript代码：

<script language="javascript" type="text/javascript"> 
    /* Collect all forms in document to one and post it */ 
    function submitAllDocumentForms() { 
    var arrDocForms = document.getElementsByTagName('form'); 
    var formCollector = document.createElement("form"); 
    with(formCollector) 
    { 
    method = "post"; 
    action = "process.php"; 
    name = "formCollector"; 
    id = "formCollector"; 
    } 
    for(var ix=0;ix<arrDocForms.length;ix++) { 
    appendFormVals2Form(arrDocForms[ix], formCollector); 
    } 
    document.body.appendChild(formCollector); 
    formCollector.submit(); 

    } 
    /* Function: add all elements from ``frmCollectFrom´´ and append them to ``frmCollector´´ before returning ``frmCollector´´*/ 
    function appendFormVals2Form(frmCollectFrom, frmCollector) { 
    var frm = frmCollectFrom.elements; 
    var nElems = frm.length; 
    for(var ix = nElems - 1; ix >= 0 ; ix--) 
    frmCollector.appendChild(frm[ix]); 
    return frmCollector; 
    } 
    </script>

来源

2012-08-08 chris birns

名称不是表单标签的标准属性。我建议你用id来识别你的表格。

我没有测试过下面的变化，但我希望他们的工作：

function appendFormVals2Form(frmCollectFrom, frmCollector) { 
    var currentEl; 
    var frm = frmCollectFrom.elements; 
    var nElems = frm.length; 
    for(var ix = nElems - 1; ix >= 0 ; ix--) { 
     currentEl = frm[ix]; 
     currentEl.name = frmCollectFrom.name + ':' + currentEl.name; 
     frmCollector.appendChild(currentEl); 
    } 
    return frmCollector; 
}

来源

2012-08-08 20:35:41

非常感谢您的帮助，虽然我收到了一条错误消息“未定义指数：用C formID：\ XAMPP \ htdocs \ php_test \当我插入更改时，第13行的新文件夹\ process.php。您可以在下面的链接中找到我的流程脚本。我可以对处理脚本进行哪些更改以允许显示所有字段？ http://jsfiddle.net/rDaeE/1/ – 2012-08-09 01:20:17

对不起，我不知道。我不是很熟悉php。 – 2012-08-09 01:30:08

javascript：提交表单和处理

回答

相关问题