<script type="text/javascript" src="gajax.js"></script>

<form id="form1" name="form1" method="post" action="test1.php">

<table width="630" border="0" cellspacing="0" cellpadding="3">

  <tr>

    <td width="558" align="center">

<table width="540" border="1" cellpadding="3" cellspacing="0" class="style1" id="tblInsertRowPHP">

<tr>

        <td>1. <input name="txtRow[]" type="text" size="45" id="txtRow1" /></td>

        <td><input name="td1" type="text" id="txtCol1"/></td>

      </tr>

  <tbody></tbody>

      <tr>

        <td align="center">รวมทั้งสิ้น</td>

        <td><input name="" type="text" id="sum" /> บาท</td>

      </tr>

</table></td>

    <td width="54"><input type="button" value="เพิ่ม" onClick="insertRowPHP();" /></td>

  </tr>

  <tr>

      <td class="style1">(ตัวอักษร <input name="" type="text" size="50" />  ) รวมเป็นเงิน(บาท)

 <input type="submit" value="submit" /></td>

  </tr>

</table>

</form>

 

 

 

 

<script type="text/javascript">

function insertRowPHP()

{

  var tbl = document.getElementById('tblInsertRowPHP');

  var iteration = tbl.tBodies[0].rows.length;

  newRow = tbl.tBodies[0].insertRow(-1);

 

  var newCell = newRow.insertCell(0);

  newCell.innerHTML = iteration + 1 + '. ';

  var el = document.createElement('input');

  el.type = 'text';

  el.name = 'txtRow[]';

  el.id = 'txtRow' + (iteration+1);

  el.value = 'txtRow' + (iteration+1);

  el.size = 45;

  newCell.appendChild(el);

 

 

  var newCell1 = newRow.insertCell(-1);

  var el2 = document.createElement('input');

  el2.type = 'text';

  el2.name = 'txtCol[]';

  el2.id = 'txtCol' + (iteration+1);

  el2.value = 'txtCol' + (iteration+1);

  newCell1.appendChild(el2);

}

</script>



ถ้ากดเพิ่มหลายๆตารางแล้ว จะใส่ค่าตัวเลขเข้าไปที่ ช่อง txtCol แล้วให้มันคำนวณเลย เอามาบวกกันต้องทำไงครับ

และก็จะเอาค่าของแต่ละช่องไปเก็บใขฐานข้อมูลด้วย