js表单提交

如何用JS控制提交表单里面的表单 代码类似
<form action='form_box' mentod='post'>
  <form action='form' menthod='post'>
   <input type='button' value='提交里面的表单'>
  </form>
  <input type='submit' value='提交外面的表单'>
</form>我现在用 js 控制里面的那个按钮 但是提交不到 form 而是提交到了 form_box请指点

解决方案 »

  1.   

    <form action='form_box' mentod='post' id=f1>
      <form action='form' menthod='post' id=f2>
       <input type='button' value='提交里面的表单' onclick=aa()>
      </form>
      <input type='button' value='提交外面的表单' id=f3>
    </form><script>
    function aa()
    {
     f1.submit()
    f2.submit()
    f3.submit()
    }
    </script>
      

  2.   

    <form action='form_box' mentod='post' id=f1>
      <form action='form' menthod='post' id=f2>
       <input type='button' value='提交里面的表单' onclick=f2.submit()>
      </form>
      <input type='button' value='提交外面的表单' onclick=f1.submit()>
    </form>
      

  3.   

    表单是不能重叠的，分开来写就不会了
    <form action='form_box' mentod='post'>  <input type='submit' value='提交外面的表单'>
    </form>
      <form action='form' menthod='post'>
       <input type='button' value='提交里面的表单'>
      </form>
      

  4.   

    表单,表单不能重叠<form action='form_box' mentod='post'>  <input type='submit' value='提交外面的表单'>
    </form>
      <form action='form' menthod='post'>
       <input type='button' value='提交里面的表单'>
      </form>
      

  5.   

    直接写html代码，不会支持form的嵌套。
    不过，dhtml也以在ie下实现form的嵌套。
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title>
    </head><body>
    1。Tip 层定位问题；<br/> 
    2。IE下 Form 嵌套成功；<br/> 
    3。IE下 Form 嵌套导至一个怪异bug；<br/> 
    4。firefox下Form 嵌套的效果与IE不一致（点击showTip后再分别点两个submit按钮可以看到效果）。<br/> 
    <hr/> 
    <form name="frm1" action="http://a.b.c/p1.jsp" target="_blank">
    <input name="frm1_a"/>
    <input name="frm1_b"/>   
    <input type="submit" value="submit1"/>   
    <a href="#" onclick="showTipFun(this);">show tip</a>   
    </form>
    <hr/>
    <div id='tipDiv' style="position:absolute;display:inline;">
    <div style="position:relative;top:20px;border:1px solid black;background-color:#e0e0e0;">
    <form name="frm2" action="http://a.b.c/p2.jsp"  target="_blank">
    <input name="frm2_a"/>
    <input name="frm2_b"/>  
    <input type="submit" value="submit2"/> 
    <div id="strangeDiv">aaaaaa</div> 
    </form>
    </div>
    </div>
    </body></html>
    <script>
    function showTipFun(obj)
    {
    var tipDivObj=document.getElementById("tipDiv");
    obj.parentNode.insertBefore(tipDivObj,obj);
    document.getElementById("strangeDiv").innerHTML="hello";//strange bug.
    }
    </script>