การเขียน โค้ด วนลูป ใน javascript ต้อง เขียน แบบไหนคัฟ ให้แถวที่เพิ่มแล้วใช้ java มาคำนวนได้เหมืแนแถวแรก ผมพึ่งใช้ java ช่วยชี้แนะด้วยครับ

<form role="form" method="post" action=""  name="frmMain" id="frm"> 
 <table width="100%" class="table table-striped">  
          <tr class="active">  
              <th width="124" class="text-center">A</th>  
              <th width="35" class="text-center">B</th>  
              <th width="34" class="text-center">C</th>  
              <th width="34" class="text-center">F</th>  
              <th width="48" class="text-center">G</th>
              <th width="59" class="text-center">H</th>
              <th width="99" class="text-center">I</th>
              <th width="163" class="text-center">J</th>
              <th width="110" class="text-center">K</th>
          </tr>  
          <tbody class="place-datarow">  
              <tr class="datarow" >  
                  <td><select name="plan_id" id="plan_id" class="txtbox">
            <option value="">เลือกกิจกรรม</option>
            <?
include"../connect.php";
$sql_group = "select * from  plan order by plan_id asc";//ใช้คำสั่ง select * from เพื่อเรียกข้อมูลจากตาราง  plan 
$dbquery_group = mysql_query($sql_group);// mysql_query เป็นการประมวลผล โดย นำตัวแปลที่ประกาศตัวแปล $sql_group   
$num_rows_group = mysql_num_rows($dbquery_group);// mysql_num_rows เป็นคำสั่งที่ใช้นับจำนวนแถวในตาราง โดย นำตัวแปลที่ประกาศตัวแปล $sql_group  
while ($result = mysql_fetch_array($dbquery_group))//เป็นวนลูป while // คำสั่ง mysql_fetch_array เป็นคำสั่งที่เรียกใช้ข้อมูลเป็นชุด โดยการรับค่าที่ได้จากการประมวลผล ที่ประกาศตัวแปล $dbquery_group  
{
if($_POST["plan_id"] == $result["plan_id"])// ถ้ารับค่า id_type ให้มีค่าเท่ากับ id_type
{
$sel="selected";//ถ้าเลือกค่าข้อมูลแล้วก็ให้แสดงใน แท็กฟิลล์
}
else//แล้วถ้าไม่มีการเลือกข้อมูลก็ให้เป็นค่าว่าง
{
$sel="";//แล้วถ้าไม่ม่มีการเลือกข้อมูลก็ให้เป็นค่าว่าง
}
?>
            <option value="<?=$result["plan_id"];?>" <?=$sel;//รับค่า plan_id เพือ่บันทึกลงในตาราง?>>
              <?=$result["pla_name"];//ให้แสดงชื่อประเภท?>
              </option>
            <?
} //ปิดวนลูป while
?>
          </select></td>
                  <td>
 <script language="javascript">
function alertData(){
	var txt1 = document.getElementById('num1').value;
	var txt2 = document.getElementById('mo1').value;
	var txt3 = document.getElementById('num2').value;
	var txt4 = document.getElementById('mo2').value;
	var s_mo1= document.getElementById('s_mo1');
	var s_mo2= document.getElementById('s_mo2');
	var num4= document.getElementById('num4');
if(txt1 == ""){txt1 = 0;}
if(txt2 == ""){txt2 = 0;}
if(txt3 == ""){txt3 = 0;}
if(txt4 == ""){txt4 = 0;}
	s_mo1.value=(parseFloat(txt1)*parseFloat(txt2)).toFixed(2);
	s_mo2.value=(parseFloat(txt3)*parseFloat(txt4)).toFixed(2);
	 document.frmMain.sumkilo.value=(parseFloat(txt1)+parseFloat(txt3)).toFixed(2);
    document.frmMain.s_mo3.value=(parseFloat(document.frmMain.s_mo1.value)+parseFloat(document.frmMain.s_mo2.value)).toFixed(2);
	var a=document.frmMain.sumkilo.value=(parseFloat(txt1)+parseFloat(txt3)).toFixed(2);
	document.frmMain.num4.value=(parseFloat(a)+parseFloat(2)).toFixed(2);
}
</script>

                    <input type="text" name="num1" id="num1" size="4" onkeyup="alertData()"/></td>
                  <td>
                    <input type="text" name="mo1" id="mo1" size="4" onkeyup="alertData()" /></td>
                  <td>
                    <input type="text" name="s_mo1" id="s_mo1"  size="4"  /></td>
                  <td>
                    <input type="text" name="num2" id="num2" size="5" onkeyup="alertData()"/></td>
                  <td>
                    <input type="text" name="mo2" id="mo2" size="4" onkeyup="alertData()"/></td>
                  <td>
                    <input type="text" name="s_mo2" id="s_mo2" size="4" /></td>
                  <td>
                      <input name="sumkilo" id="sumkilo" type="text" /></td>
                  <td>
                    <input type="text" name="s_mo3" id="s_mo3" size="4"/></td>  
              </tr>  
          </tbody>  
      </table>  
      <br>  
      <table class="table">  
          <tr>  
              <td width="50" class="tex-center">  
               <button id="addRow" type="button" class="btn btn-info">+</button>        
              </td>  
              <td width="50" class="tex-center">  
               <button id="removeRow" type="button" class="btn btn-danger">-</button>        
              </td>  
              <td class="text-right">  
               <button type="submit" class="btn btn-success">Submit</button>  
                    
              </td>  
          </tr>  
      </table>  
      </form>  
    </div>  
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>    
<script type="text/javascript" src="script.js"></script></td>
          </tr>
      </table>