动态添加行

<div id="beneInfo">
   <p>受益人信息</p>
   <table width="100%"  cellpadding="1" cellspacing="0" class="mainTable" id="zeng">
    <tr id="title">
     <td class="bottomBorder">姓名</td>
     <td class="bottomBorder">证件类型</td>
     <td class="bottomBorder">证件号码</td>
     <td class="bottomBorder">受益顺序</td>
     <td class="bottomBorder">受益比例</td>
     <td class="bottomBorder">与被保人关系</td>
    </tr>    
    <tr>
     <td colspan="6" align="right">
      <input type="button" value="增加" name="add" id="add" >
      <input type="button" value="删除" name="del" id="del">
     </td>
    
    </tr>
   </table>
  </div> 

 

<script>

var count=0;
   
   //页面加载完后执行 shaotao.zeng 2011-06-13
   $(function(){
    $("#CLASSCODE").focus();
    $("select[name=relInsure]").val("0");
    
        <#if message?default('') != ''>
     showSuccessDiv("${message}");
    </#if>
    $("#beneInfo").css('display','none');
    
    //动态添加行
    $("#add").click(function(){
    count++;
    var newDiv="<tr id='tr"+count+"'>"
         +"<td><input type='text' id='name"+count+"' name='name"+count+"' size=20/></td>"+
         "<td><input type='text' id='name"+count+"' name='name"+count+"' size=15/></td>"+
         "<td><input type='text' id='name"+count+"' name='name"+count+"' size=32/></td>"+
         "<td><input type='text' id='name"+count+"' name='name"+count+"' size=10/></td>"+
         "<td><input type='text' id='name"+count+"' name='name"+count+"' size=10/></td>"+
         "<td><input type='text' id='name"+count+"' name='name"+count+"'/></td>"+
         "</tr>";
        
     $("#title").after(newDiv);
    })
    
    $("#del").click(function(){
     //$("#zeng tr").empty();//清空id为zeng的table下的所有tr
     
     // $("#zeng tr:not(:first)").empty();
     
     $("[id='tr"+count+"']").empty();//删除当前行
     
     count--;
    })
    
   })

 

</script>