javascript - 一个页面中有多个，需要传递数据

Question

我有多种形式。我用formId识别了它。当我单击“提交”按钮时，它仅显示第一个表单 ID...全部为 22。

表单代码示例:

<form name="hid_form<?php echo$form_id;?>" enctype="multipart/form-data" onsubmit="return OnSubmitForm();" method="POST" >
<input type="hidden" name="id" id="formid" value="<?php echo $form_id;?>" />
<input type="hidden" name="batch2" value="<?php echo $std['batch'];?>" />
<input type="submit" name="res_reg" value="Result(Regular)"/>
</form>

和脚本代码:

`<script type="text/javascript">
function OnSubmitForm()
{
var TestVar = document.getElementById("formid").value;
    alert ("You typed: " + TestVar);
// will go to another page
}
</script>`

如果我可以在点击时识别该表单。几乎问题就会解决。 请问有什么想法吗？？？

Answer 1

只需在提交函数中传递表单 ID 并在该函数上读取它

<form name="hid_form<?php echo$form_id;?>" id="hid_form<?php echo$form_id;?>" enctype="multipart/form-data" onsubmit="return OnSubmitForm(<?php echo$form_id;?>);" method="POST" >
<input type="hidden" name="id" id="formid<?php echo$form_id;?>" value="<?php echo $form_id;?>" />
<input type="hidden" name="batch2" id="batch2<?php echo$form_id;?>" value="<?php echo $std['batch'];?>" />
<input type="submit" name="res_reg" value="Result(Regular)"/>
</form>

<script type="text/javascript">
function OnSubmitForm(formId)
{

    alert ("You clicked on form no : " + formId);
    var batch2 = $("#batch2"+formId).val() ;
    $("#hid_form"+formId).submit();
}
</script>

注意:确保当您在单个页面上使用多个表单时，表单字段 ID 应该是唯一的。