มีโค้ดมาให้พี่ๆ ช่วยดูครับ ต้องการเพิ่มช่องข้อมูลเมื่อมีการคลิกรายละเอียดด้านในครับ

<form name="calc">

<table width="500" border="0" cellspacing="2" cellpadding="1">
  <tr>
    <td width="86" bgcolor="#FFFF00">&nbsp;</td>
    <td width="243" align="center" bgcolor="#FFFF00">รายการซ่อม</td>
    <td width="157" align="center" bgcolor="#FFFF00">จำนวนเงิน</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><label for="textfield"></label>
      <input name="textfield" type="text" id="textfield" size="40" /></td>
    <td><input type="text" name="source" onkeypress="checknumber()" onkeyup="calcfunc()" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><label for="textfield2"></label>
      <input name="textfield2" type="text" id="textfield2" size="40" /></td>
    <td><input type="text" name="dest" onkeypress="checknumber()" onkeyup="calcfunc()" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>เพิ่มรายการซ่อม</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right">รวมเงิน</td>
    <td align="center" bgcolor="#CC6699"><input type="text" name="ret" /></td>
  </tr>
</table>
</form>

<script language="JavaScript">
//ให้รับเฉพาะตัวเลข
function checknumber() {
  key=event.keyCode
  if (key<48  ||  key>57) event.returnValue = false;
}

//คำนวณเมื่อ KeyUp
function calcfunc() {
     var val1 = parseFloat(document.calc.source.value);
     var val2 = parseFloat(document.calc.dest.value);
     document.calc.ret.value=val1+val2;
}
</script>