jquery动态往table添加tr

最新推荐文章于 2023-07-05 09:25:09 发布

原创最新推荐文章于 2023-07-05 09:25:09 发布 · 4.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #table #tr

本文介绍了如何在项目中调整年度预算，包括增加一年预算、输入计划完成工作和财务目标，以及添加后续年度的预算调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<table cellpadding=10 id="tabId" >
		<tr>
		    <td>
			 <form:label class="control-label" path="projectName">
				 <spring:message code="project.name" />
			</form:label>
		   </td>
		  <td colspan="4">
			<form:input style="width:450px;" path="projectName" readonly="true"/> 
			 <form:hidden  path="projectNumber" /> 
		 </td>
		</tr>
</table>

<div>
	<button class="btn btn-info btn-green" id="addYear">
		<i class="icon-ok bigger-110"></i> 增一年
	</button>
</div>

<script type="text/javascript">
	  var i = 0;
	  
	  $(function(){			
		  $("#addYear").click(function(){		
			  var nowYear = $("#nowYear").val(); 
			  if(i == 0) {
				 i++;
				 var nextYear = nowYear + 1;
				 $str = '';
				 $str += "<tr>";
				 $str += "      <td>";
				 $str += "          <form:label class=\"control-label\" path=\"plan.nextPlanCompleteWork\">";
				 $str += "             <spring:message code=\"plan.planCompleteWork\" />";
				 $str += "          </form:label>";
				 $str += "      </td>";
				 $str += "      <td>";
				 $str += "          <form:input path=\"plan.nextPlanCompleteWork\"  />";
				 $str += "          <site:required /><form-extension:errors path=\"plan.nextPlanCompleteWork\" cssClass=\"error\" />";
			     $str += "      </td>";
			     $str += "      <td>";
				 $str += "          <form:label class=\"control-label\" path=\"plan.nextPlanCompleteFinancial\" >";
				 $str += "             <spring:message code=\"plan.planCompleteFinancial\" />";
				 $str += "          </form:label>";
				 $str += "      </td>";
				 $str += "      <td>";
				 $str += "          <form:input path=\"plan.nextPlanCompleteFinancial\"  />";
				 $str += "          <site:required /><form-extension:errors path=\"plan.nextPlanCompleteFinancial\" cssClass=\"error\" />";
			     $str += "      </td>";
			     $str += "</tr>";
			     
			     $("#tabId").append($str);// 添加输入的值到tabId末尾	
			     
			  } else if(i == 1) {
				 i++;
				 var afterYear = nowYear + 2;
				 $str = '';
				 $str += "<tr>";
				 $str += "      <td>";
				 $str += "          <form:label class=\"control-label\" path=\"plan.afterPlanCompleteWork\">";
				 $str += "             <spring:message code=\"plan.planCompleteWork\" />";
				 $str += "          </form:label>";
				 $str += "      </td>";
				 $str += "      <td>";
				 $str += "          <form:input path=\"plan.afterPlanCompleteWork\"  />";
				 $str += "          <site:required /><form-extension:errors path=\"plan.afterPlanCompleteWork\" cssClass=\"error\" />";
			     $str += "      </td>";
			     $str += "      <td>";
				 $str += "          <form:label class=\"control-label\" path=\"plan.afterPlanCompleteFinancial\" >";
				 $str += "             <spring:message code=\"plan.planCompleteFinancial\" />";
				 $str += "          </form:label>";
				 $str += "      </td>";
				 $str += "      <td>";
				 $str += "          <form:input path=\"plan.afterPlanCompleteFinancial\"  />";
				 $str += "          <site:required /><form-extension:errors path=\"plan.afterPlanCompleteFinancial\" cssClass=\"error\" />";
			     $str += "      </td>";
			     $str += "</tr>"; 
			     
                 $("#tabId").append($str);// 添加输入的值到tabId末尾			
			  }
		  }); 		 
	  });// 加载结束
    </script>