js中clone

 

<div class="levelSubNav" >司机人员</div>
<div id="driversDiv"> 
 <table class="review">
  <c:forEach var="driver" items="${model.drivers}" varStatus="status" >
   <div class="DriverDiv">
    <tr>
          <td class="levelForms_c"  width="10%">
         司机<span style="color:#FF0000">*</span>                
          </td>
          <td width="10%"><input type="text" size="20" name="model.drivers[${ status.index }].name" value="${driver.name }" <c:if test="${model.locked}">readonly="readonly"</c:if> ></td>
          <td class="levelForms_c" width="10%"> 性别 </td>
          <td width="10%"><select  name="model.drivers[${ status.index }].sex" <c:if test="${model.locked }">disabled="disabled"</c:if>>
         <option value="0" <c:if test="${driver.sex == 0 }">selected="selected"</c:if>>男</option>
         <option value="1" <c:if test="${driver.sex == 1 }">selected="selected"</c:if>>女</option>
          </select></td>
          <td><c:if test="${model.status != '已回执'}">
         <input  type="button" size="20" value="删除" onclick="if(confirm('需要删除吗？')) window.location='<s:url value="/meeting/removeParticipant.action"/>?modelId=${model.id }';"/>
          </c:if></td>
    </tr>
   </div>
  </c:forEach>
 </table>
</div>
<input  type="button" id="addDriverButton" value="增加一条"/>
</form>
<script type="text/javascript">
 $(function(){
  $("#addDriverButton").click(function(){
   var driverHTML = $('#copyDiv').find('.CopyDriverDiv').html();
   var idx=$('#driversDiv').find(".DriverDiv").size();
   driverHTML=driverHTML.replace(/drivers\[a\]/g,"drivers[" + idx + "]");
   $('#driversDiv').append(driverHTML);
  });
 });
 function removeDriver(btn){
   $(btn).parent().parent().parent().parent().remove();
   //btn.parentNode.parentNode.removeNode(true);
   //var a = btn.parentNode.nextSibling.firstChild.value;
   // $('#driversDiv').find(".DriverDiv").remove();   
 }
</script>
<div id="copyDiv" style="display:none">
 <div class="CopyDriverDiv">
  <div class="DriverDiv">
   <table class="review"style="border:0px solid #000000">
    <tr>
        <td class="levelForms_c" width="10%" style="border-top:0px solid #000000">司机<span style="color:#FF0000">*</span>  </td>
               <td width="22%"style="border-top:0px solid #000000"><input type="hidden"  name="model.drivers[a].type" value="${tayoo:sf('MeetingNoticeConstants.TYPE_SJ') }">
                    <input type="text" size="20" name="model.drivers[a].name" value="">
               </td>
               <td class="levelForms_c" width="10%"style="border-top:0px solid #000000"> 性别 </td>
               <td width="22%"style="border-top:0px solid #000000"><select  name="model.drivers[a].sex" >
                 <option value="0" >男</option>
                 <option value="1" >女</option>
               </select></td>
               <td width="5"style="border-top:0px solid #000000"><input  type="button"  value="删除" onclick="removeDriver(this);"/></td>
     </tr>
   </table>
  </div>
 </div> 
</div>