JS动态添加行

        <script type="text/javascript">
<!--
 var bCount=1;
 var xCount=1;
 function addBao(){
    newRow=baoyang.insertRow(baoyang.rows.length);
    newRow.id="trb";
    newRow.ln=bCount;
 
    Input1=newRow.insertCell(0);
    Input1.id="item1";
    Input1.ln=bCount;
    Input1.innerHTML='<input type="text" name="guige" style="width:40" value="'+bCount+'">';
 
    Input2=newRow.insertCell(1);
    Input2.id="item2";
    Input2.ln=bCount;
    Input2.innerHTML='<input type="text" name="ITEMNAME" style="width:80">';
 
    Input3=newRow.insertCell(2);
    Input3.id="item3";
    Input3.ln=bCount;
    Input3.innerHTML='<input type="text" name="COST" style="width:80">';
 
    Del=newRow.insertCell(3);
    Del.ln=bCount;
    Del.onclick=delBao;
    Del.innerHTML='<input type="button" name="Button" style="width:40" value=" 删除 "  ln='+bCount+'>';
  
    bCount++;
 }
 function delBao(){
      line=parseInt(event.srcElement.ln,10)
      if (line>0) {
           for (i=1;i<baoyang.rows.length;i++){
            if (trb[i].ln==line){
                 baoyang.deleteRow(i)
            }
           }
       }
 }
 
 
 function addXin(){
    newRow=xintian.insertRow(xintian.rows.length);
    newRow.id="trx";
    newRow.ln=xCount;
 
    Input1=newRow.insertCell(0);
    Input1.id="it1";
    Input1.ln=xCount;
    Input1.innerHTML='<input type="text" name="gui" style="width:40" value="'+xCount+'">';
 
    Input2=newRow.insertCell(1);
    Input2.id="it2";
    Input2.ln=xCount;
    Input2.innerHTML='<input type="text" name="ITEM" style="width:90">';
 
    Input3=newRow.insertCell(2);
    Input3.id="it3";
    Input3.ln=xCount;
    Input3.innerHTML='<input type="text" name="UNITAGE" style="width:40">';
   
    Input3=newRow.insertCell(3);
    Input3.id="it3";
    Input3.ln=xCount;
    Input3.innerHTML='<input type="text" name="PRICE" style="width:40">';
   
    Input3=newRow.insertCell(4);
    Input3.id="it3";
    Input3.ln=xCount;
    Input3.innerHTML='<input type="text" name="REPLACE_NUMBER" style="width:40">';
   
    Input3=newRow.insertCell(5);
    Input3.id="it3";
    Input3.ln=xCount;
    Input3.innerHTML='<input type="text" name="AMOUNT" style="width:60">';
 
    Del=newRow.insertCell(6);
    Del.ln=xCount;
    Del.onclick=delXin;
    Del.innerHTML='<input type="button" name="Button" style="width:40" value=" 删除 "  ln='+xCount+'>';
  
    xCount++;
 }
 function delXin(){
      line=parseInt(event.srcElement.ln,10)
      if (line>0) {
           for (i=1;i<xintian.rows.length;i++){
            if (trx[i].ln==line){
                 xintian.deleteRow(i)
            }
           }
       }
 }
//-->
</script>


<table width="707" cellspacing="0" cellpadding="0" border="0" class="uniformstyle" id="myform">
    <tbody>
        <tr>
            <td valign="top">
                <table class="myformstyle" id="baoyang">
                    <tr id="trb">
                        <td style="width:40">序号</td>
                        <td style="width:80">维修保养项目</td>
                        <td style="width:80">工时费用</td>
                        <td style="width:50"><input type="button" value="添加" onclick="addBao()" style="width:40"></td>
                    </tr>
                </table>
            </td>
            <td valign="top">
                <table class="myformstyle" id="xintian">
                    <tr id="trx">
                        <td style="width:40">序号</td>
                        <td style="width:90">更换零配件项目</td>
                        <td style="width:40">单位</td>
                        <td style="width:40">单价</td>
                        <td style="width:40">数量</td>
                        <td style="width:60">配件费用</td>
                        <td style="width:40"><input type="button" value="添加" onclick="addXin()" style="width:40"></td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>

 

 

/********************

//jsp数据获取

 

    String itemName[] = request.getParameterValues("ITEMNAME");
    String cost[] = request.getParameterValues("COST");
    if(itemName != null && itemName.length != 0) {
        for(int i=0; i<itemName.length; i++) {
            String ITEMNAME = itemName[i];
            String COST = cost[i];
           
            rowMaint.put("COST", COST);
            rowMaint.put("ITEMNAME", ITEMNAME);
           
        }
    }
   
   
    String item[] = request.getParameterValues("ITEM");
    String unitage[] = request.getParameterValues("UNITAGE");
    String price[] = request.getParameterValues("PRICE");
    String replacenumber[] = request.getParameterValues("REPLACE_NUMBER");
    String amount[] = request.getParameterValues("AMOUNT");
    if(item != null && item.length != 0) {
        for(int i=0; i<item.length; i++) {
            String ITEM = item[i];
            String UNITAGE = unitage[i];
            String PRICE = price[i];
            String REPLACE_NUMBER = replacenumber[i];
            String AMOUNT = amount[i];
           
            rowReplace.put("ITEM", ITEM);
            rowReplace.put("UNITAGE", UNITAGE);
            rowReplace.put("PRICE", PRICE);
            rowReplace.put("REPLACE_NUMBER", REPLACE_NUMBER);
            rowReplace.put("AMOUNT", AMOUNT);
           
        }
    }

 

*********************/