解决form嵌套 | 易学教程

自己的尝试功能实现了但是项目中没有使用：

思路利用ajax：第一个form提交的时候触发第二个需要提交数据的ajax的请求url

 1 function checkform(type){
 2         var issubmit=true;
 3         var projectId="";
 4         var photos="";
 5         if(type==2){
 6             $('#redirect').val('list');
 7         }
 8        if(issubmit){
 9         $("#validForm").submit();
10       }
11        submitPhoto(projectId,photos);
12 }
13 //提交form表单时候 提交图册
14 function submitPhoto(projectId,photos){
15     alert(1);
16      $.ajax({
17             type: "POST",
18              url: "/userCenter/userCenterProjectPhotoEdit.jspx",
19              data: {projectId:projectId,photos:photos},
20              dataType: "json",
21              success: function(data){
22                  $('#'+id).remove();
23                  // $(".imageTipss").append("<img height=\"100\" width=\"100\" src=\""+fileUrl+"\"></img><a onclick=delphoto("+data+")>删除</a> ");
24              }
25         });
26 }

参考1 未验证

我现在要解决的问题，跟你的很相像啊！我考虑的是用Iframe
<form id="frm" name="frm" method="post" action="d.jsp">
<iframe id="ifrm0" width=600 height="94" MARGINHEIGHT="0" MARGINWIDTH="0" frameborder=0 border=0 src="/c.jsp?id=0" scrolling=no></iframe>
<iframe id="ifrm1" width=600 height="94" MARGINHEIGHT="0" MARGINWIDTH="0" frameborder=0 border=0 src="/c.jsp?id=1" scrolling=no></iframe>
<input type="submit" name="btn1" value="提交" onclick="a()">
</form>
<script >
function a (){
//var iframe= document.getElementById("ifrm");
//alert(iframe.length);
//for()
document.frames["ifrm0"].document.forms["frm1"].submit();
document.frames["ifrm1"].document.forms["frm1"].submit();
//document.frm.action="d.jsp";
document.frm.submit();
}
</script>

参考2

form哪可以嵌套呀
用一个form就行呀
<script language="JavaScript">
   function gogogo(){
      document.updateForm.action = selectAction.do;
      document.updateForm.submit();
   }
</script>

<form name="updateForm" action="updateAction.do" method="post">
  （有需要修改的字段）
    <input type="text" name="wid"><input type="button" onclice="gogogo()" value="查询">
  （有需要修改的字段）
  <input type="submit" value="修改">
</form>

参考3：

我用JAVASCRIPT，在FORM里面字段都一样，但是要提交给不同的action的时候，

//得到你的from
var form = document.forms['yourForm'];
//在这里手工指定提交给哪个ACTION
form.action = 'updateAction.do';
//执行SUBMIT
form.submit();

你可以把这些代码封装为一个JS方法，在HTML中，用onclick事件触发就OK了

来源：https://www.cnblogs.com/dixinyunpan/p/5981176.html

标签

form

form表单提交

submit