在table中动态添加删除一行

//前台页面

  <script>

function butonsadd(){
debugger;
$("#tables").append("<div><tr><td></td><td><input type='text' name='titelData'/></td></tr>"+ 
"<br/><tr><td></td><td><textarea type='text' name='contentData' cols='3' rows='2'/>"+
"<input type='button' value='撤销' id='btnremove' onclick='deleteCurrentRow(this)'/></td></tr></div>"
//$("#inputForm).attr("action","${ctx}/pro/visa/save");
);
}

function deleteCurrentRow(obj){ 
debugger;
$(obj).parent().remove();


} 

  </script>

<table>

  <c:choose>
      <c:when test="${opentionList== null || fn:length(opentionList) == 0}">
          <tr>
    <td>选项资料:</td>
 <td>
 
          <input name="titelData" value="${optionData.title}"/>
         </td>
    </tr> 
     <tr>
 <td></td>
 <td>
          <input name="contentData"  value="${optionData.content}" style="width:205px; height:40px" />
         
          <input type="button" value="添加" style="border:none" onclick="butonsadd()"/>
         
         
         </td>
    </tr> 
      </c:when>
      <c:otherwise>
   <c:forEach  items="${opentionList}" var="optionData" varStatus="status">
    <tbody>
   <tr>
 <td><c:if test="${status.index == 0 }"> 选项资料:</c:if></td>
 <td>
  <input name="opId" value="${optionData.id}" style="display:none"/>
          <input name="titelData" value="${optionData.title}"/>
         </td>
    </tr> 
     <tr>
<td></td>
 <td>
          <input name="contentData"  value="${optionData.content}" style="width:205px; height:40px" />
          <c:if test="${status.last }"> 
          <input type="button" value="添加" style="border:none" onclick="butonsadd()"/>
          </c:if>
       </td>
    </tr> 
    </tbody>
    </c:forEach> 
      </c:otherwise>
</c:choose>
    
    
 
   <tr id="tables">
      <td></td>
   </tr>
     

</table>

//action类

 //跳转保存/修改的页面

@RequiresPermissions("pro:visa:edit")
@RequestMapping(value="update")
public String addSupplies(Visa visa,Model model){
if(visa.getId()!= null){
System.out.println("xiugai.....");
model.addAttribute("visa", visa);
visa= visaService.get(visa.getId());
List<VisaOptionData> opentionList=visa.getOptionDataList();
model.addAttribute("opentionList", opentionList);
System.out.println(visa.getId());
return "modules/pro/visaForm";
}else{
return "modules/pro/visaForm";
}
}


@RequiresPermissions("pro:visa:edit")
@RequestMapping(value = "save")
public String save(Long areaProvince,@RequestParam(required=false) Long[] opId,@RequestParam(required=false) String[] titelData,@RequestParam(required=false) String[] contentData,Long areaCity,Long areaQu,Visa visa,Model model, RedirectAttributes redirectAttributes) {

if (!beanValidator(model, visa)){
return form(visa, model);
}


if(areaProvince!=0){
if(areaCity!=null&&areaCity!=0){
if(areaQu!=null&&areaQu!=0){
visa.setArea(areaService.get(areaQu));
}else{
visa.setArea(areaService.get(areaCity));
}
}else{
visa.setArea(areaService.get(areaProvince));
}
}




if(visa.getId()==null){


List<VisaOptionData> list =new ArrayList<VisaOptionData>();
for(int i=0;i<titelData.length;i++){
VisaOptionData vod=new VisaOptionData();
vod.setId(opId[i]);
vod.setTitle(titelData[i]);
vod.setContent(contentData[i]);
vod.setVisa(visa);
list.add(vod);
}
 
visa.setOptionDataList(list);
visaService.saveProduct(visa);
addMessage(redirectAttributes, "保存签证'" + visa.getTitle() + "'成功");
return "redirect:"+Global.getAdminPath()+"/pro/visa/list";
}else{

for(Long oId : opId){

logger.error("[oId]" + oId);
}
List<VisaOptionData> list =new ArrayList<VisaOptionData>();
for(int i=0;i<opId.length;i++){
VisaOptionData vod=new VisaOptionData();
vod.setId(opId[i]);
vod.setTitle(titelData[i]);
vod.setContent(contentData[i]);
vod.setVisa(visa);
list.add(vod);
}
visa.setOptionDataList(list);
visaService.updateVisa(visa);
addMessage(redirectAttributes, "修改签证'" + visa.getTitle() + "'成功");
return "redirect:"+Global.getAdminPath()+"/pro/visa/list";
}


}