Question

我有两个表单要提交到单个目标页面。

<form name= "form1" id="form1" action="final.php">
<input type="box1" name="box1" value="" >
</form>

<form name ="form2" id="form2" action="final.php">
<table>
<input type ="text" id="txt_1"  name ="txt_1" value="">

 ...


</table>
</form>

<input type= "button" name="mybutton" id="mybutton" onclick="somefunction();">

这里，

form1有一些satic内容

和

form2有一个由js动态生成的表... 问题是...我想从两个表单提交值到同一页面final.php ...我怎么这样做...请避免jquery / ajax ... 简单的javascript欢迎...

提前谢谢！

这是用于在form2中生成动态表的js

<script type="text/javascript">

function viewsource() {
alert(document.body.innerHTML);
}
</script>
<script type="text/javascript">

function addRowToTable()
{
   var tbl = document.getElementById('tblSample');
   var frm=document.form2;
   if (!frm.ary) frm.ary=[frm.t1_1,frm.t1_2,frm.t1_3];
   var lastRow = tbl.rows.length;
   // if there's no header row in the table, then iteration = lastRow + 1
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);



   // numberd row
    var cellLeft = row.insertCell(0);
    var textNode = document.createTextNode(iteration);
    cellLeft.appendChild(textNode);

    // Item row
     var cellRight1 = row.insertCell(1);
     var el1 = document.createElement('input');
     frm.ary.push(el1);
     el1.type = 'text';
     el1.value = '';
     el1.name = 't' + iteration + '_1';
     el1.id = 't' + iteration + '_1';
     el1.size = 13;
     el1.onkeyup=Calc;
     el1.onblur=Calc;
     cellRight1.appendChild(el1);

  // Price row
    var cellRight2 = row.insertCell(2);
       var el2 = document.createElement('input');
    frm.ary.push(el2);
     el2.type = 'text';
     el2.value = '';
    el2.name = 't' + iteration + '_2';
    el2.id = 't' + iteration + '_2';
    el2.size = 10;
    el2.onkeyup=Calc;
    el2.onblur=Calc;
    cellRight2.appendChild(el2);

    // Price row
    var cellRight3 = row.insertCell(3);
    var el3 = document.createElement('input');
    frm.ary.push(el3);
    el3.type = 'text';
    el3.value = '0';
    el3.name = 't' + iteration + '_3';
    el3.id = 't' + iteration + '_3';
    el3.size = 10;
    cellRight3.appendChild(el3);

  }

  function removeRowFromTable()
  {
      var tbl = document.getElementById('tblSample');
      var lastRow = tbl.rows.length;
     if (lastRow > 3) tbl.deleteRow(lastRow - 1);
  }

   function formReset()
    {
      document.getElementById("form2").reset();
     }
  </script>

  <script type="text/javascript">


    function Calc(){
   var frm=document.form2;
    if (!frm.ary){ frm.ary=[frm.t1_1,frm.t1_2,frm.t1_3];}
       for (var zxc0=0;zxc0<frm.ary.length;zxc0+=3)
     {
      var total =1;
     if (frm.ary[zxc0].value.length>0&&!isNaN(frm.ary[zxc0].value)) 
     { 
     total =frm.ary[zxc0].value*1* frm.ary[zxc0+1].value;
     }
      frm.ary[zxc0+2].value =total;

      }
     var sum1 =0;
     for (var zxd0=0;zxd0<frm.ary.length;zxd0+=3)
     {
       if (frm.ary[zxd0+2].value.length>0&&!isNaN(frm.ary[zxd0+2].value)) 
    { 
    sum1 +=parseInt(frm.ary[zxd0+2].value);
       }
      }
      frm.sum.value = sum1;
     }


    </script>


   <form action="final.php" method="post" name="form2" id="form2">
    <imput type ="text" name ="temp" id="temp" >
   <table border="2"  border-color="#000000" border-type="solid" id="tblSample"            
   align="center" font-size="20">
    <tr>
    <th>
     <input type="button" value="Add " onclick="addRowToTable();"></th><th>
     <input  type="button" value="Remove " onclick="removeRowFromTable();" /></th>
    <th> <input type="button" value="Reset" onclick="formReset();">
   </th>

    </tr><br>

      <tr id="cloneid" >
         <td>
         1.
       </td>
        <td>
    <input type="text" name="t1_1" id="t1_1" size="16" value="0" onkeyup="Calc();"   
      onblur="Calc();">
      </td>
     <td>
      <input type="text" name="t1_2" id="t1_2" size="16" value="0" onkeyup="Calc();"    
     onblur="Calc();">
     </td>
    <td>
      <input type="text" name="t1_3" id="t1_3" value= "0" size="16">
       </td>

   </tr>
      </table>
    <table border="2" border-color="#000000" align="center">
 <tr>
   <td colspan="3" align="center">
  Sum: <input type="text" name="sum" id="sum">
  </td>

   </tr>
    </table>
  </form>

 <input type="button" name = "mybutton" id ="mybutton"  value="set"  
     onclick="somefunction();">

     }

和

form1与提到的相同，包括datetimepickers的jquery以及几个文本框......

Answer 1

你可以使用Javascript

function button1click() {
  yourForm.action = "Final.php";
  yourForm.submit();
}

HTML中的

n

<form action='' method='post'>
  ..
</form>

将两个表单内容提交到一个操作页面

1 个答案: