0

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

<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 以及几个文本框......

4

1 回答 1

0

你可以使用Java脚本

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

HTML 中的 n

<form action='' method='post'>
  ..
</form>
于 2012-08-10T12:01:56.653 回答