<td></td>填入多少个数字追加多少行

<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/jsp/common.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'tcline_add.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="<%=basePath %>js/trim.js"></script>
	<script type="text/javascript" src="<%=basePath %>static/check.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/common/set.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basePath %>css/table_edit.css">
	<style>
	body{
		margin:0px;
		padding:0px;
		font-size:12px;
	}
	fieldset{ 
		width:660px; 
	}
	.td{
		height:35px;
		line-height:35px;
		width:80px;
		text-align:right;
		font-size:12px;
	}
	
	.sap_title{
		height:35px;
		line-height:35px;
		width:50px;
		text-align:right;
		float:left;
		font-size:12px;
	}
	.sap{
		height:35px;
		line-height:35px;
		width:110px;
		text-align:right;
		float:left;
		font-size:12px;
	}
	
	.td_f{
		text-align:left;
		width:240px;
	}
	.input,.select,.textarea {
		width:210px;
	}
	</style>
	<script type="text/javascript">
		function check(){
			var _dingdan = document.getElementById("_dingdan").value;
			var _taskno = document.getElementById("_taskno").value;
			var _numpcs = document.getElementById("_numpcs").value;
			var _yongtu = document.getElementById("_yongtu").value;
			var _chdate = document.getElementById("_chdate").value;
			if(_dingdan == "" || _dingdan == null || 
					_numpcs == "" || _numpcs == null || 
					_chdate == "" || _chdate == null || 
					_yongtu == "" || _yongtu == null ||
					_taskno == "" || _taskno == null){
				alert("请将信息填写完整...");
				return false;
			}
			return true;
		}
		
		function checkDD(obj){
			var tf_dingdan = obj.value;
			var regx = new RegExp("^[0-9]{10}$");
			if(!regx.test(tf_dingdan)){
				alert("订单号输入不合法,订单号由10位数字(0-9)组成!");
				return false;
			}
			return true;
		}
		
		function checkNum(obj){
			var tf_dingdan = obj.value;
			var regx = new RegExp("^[0-9]*$");
			if(!regx.test(tf_dingdan)){
				alert("输入不合法,该项全部由数字(0-9)组成!");
				document.getElementById("_dingdan").value = "";
				document.getElementById("_dingdan").focus();
				return false;
			}
		}
		function clearDD(){
			document.getElementById("_dingdan").value = "";
		}
		
		function makeTr(pc){
			var tr = $('#_pc_tr');
			var table = $('#table');
			if(pc.value < 5){
				//初始化Table
				$("table ._tr").each(function() {
				    $(this).remove();  // 将单元格td的内容设为空,以达到清除数据之目的
				});
				console.log("xxx");
				for(var i = pc.value;i >= 1 ;i--){
					console.log(i);
					var addTR = '' + 
						'<tr bgcolor="#ffffff" class="_tr">'+
							'<td class="td td_title">批号_'+ i +'</td>'+
	    					'<td class="td_f">'+
	    						'<input class="input" id="_pihao'+ i +'" name="_pihao'+ i +'"/><font style="font-size:12px;color:red">*</font>'+
	    					'</td>'+
							'<td class="td td_title">数量_'+ i +'</td>'+
	    					'<td class="td_f">'+
	    						'<input class="input" id="_num'+ i +'" οnblur="checkNum(this);" name="_num'+ i +'" οnkeyup="IsInteger(this)"/><font style="font-size:12px;color:red">*</font>'+
	    					'</td>'+
	    				'</tr>'+
	    				'<tr bgcolor="#ffffff" class="_tr">'+
	    					'<td class="td td_title">备注_'+ i +'</td>'+
	    					'<td class="td_f" colspan="3">'+
	    						'<textarea class="input" id="_remarks'+ i +'" style="width:500px;" name="_remarks'+ i +'" rows="3" cols="60"></textarea><font style="font-size:12px;color:red">*</font>'+
	    					'</td>'+
	    				'</tr>';
					tr.after(addTR);
				}
			}else{
				alert('请输入小于5的批次!');
			}
		}
	</script>
  </head>
  
  <body>
	  	<form onSubmit="return check()" action="<%=basePath %>plan/add.do" method="post">
			<fieldset>
		    	<legend>计划下单</legend>
		    		<table id="table" cellpadding="0" cellspacing="1" border="0" bgcolor="#000000">
		    			<tr bgcolor="#ffffff">
		    				<td class="td td_title">订单号</td>
		    				<td class="td_f"><input class="input" onkeyup="IsInteger(this)" onblur="checkDD(this);" onfocus="clearDD();" maxlength="10" id="_dingdan" name="_dingdan" type="text"/><font style="font-size:12px;color:red">*</font></td>
		    				<td class="td_f" colspan="2">
		    					<div style="padding-left:10px;color:blue;font-weight:bolder;float:left">每个LoT基数:${ bom._lotframe }&nbsp;&nbsp;<a href="javascript:window.open('<%=basePath%>bom/readUI.do?_id=${bom._id}','','width=1010,height=750');">${bom._name }</a></div>
		    					<input type="hidden" id="lotpcs" name="lotpcs" value="${ bom._lotframe }" />
		    					<input type="hidden" id="_bomId" name="_bomId" value="${bom._id }"/>
		    				</td>
		    			</tr>
		    			<tr bgcolor="#ffffff">
		    				<td class="td td_title">任务书号</td>
		    				<td class="td_f">
		    					<input class="input" id="_taskno" name="_taskno"/><font style="font-size:12px;color:red">*</font>
		    				</td>
		    				<td class="td td_title">工单类型 </td>
		    				<td	class="td_f">
		    					<select class="input"  id="_yongtu" name="_yongtu" >
		    						<option value="">请选择工单类型 </option>
		    						<option value="工程">工程 </option>
		    						<option value="量产">量产 </option>
		    					</select>
		    				</td>
		    			</tr>
		    			<tr bgcolor="#ffffff">
		    				<td class="td td_title">下单数量</td>
		    				<td class="td_f">
		    					<input class="input" id="_numpcs" name="_numpcs" onkeyup="IsInteger(this)" onblur="checkNum(this);"/><font style="font-size:12px;color:red">*</font>
		    				</td>
		    				<td class="td td_title">出货时间</td>
		    				<td class="td_f">
		    					<input type="date" class="input" id="_chdate" name="_chdate"/><font style="font-size:12px;color:red">*</font>
		    				</td>
		    			</tr>
		    			<tr bgcolor="#ffffff">
		    				<td class="td td_title">工艺路线</td>
		    				<td class="td_f" colspan="3">
		    					<div style="font-weight:bolder;line-height:25px;color:blue;padding:5px;">${_technology }</div>
		    				</td>
		    			</tr>
		    			
		    			<tr bgcolor="#ffffff">
		    				<td class="td_f" colspan="4">
		    				<div style="font-weight:bolder;color:red;margin-left:5px;">下单批次详情</div>
		    				</td>
		    			</tr>
		    			
		    			<tr bgcolor="#ffffff" id="_pc_tr">
		    				<td class="td td_title">下单批次</td>
		    				<td class="td_f"><input class="input" style="width:120px;" onkeyup="IsInteger(this)" onblur="makeTr(this);" id="_pc" name="_pc"/><font style="font-size:12px;color:red">*</font></td>
		    				<td class="td td_title">主批号</td>
		    				<td class="td_f"><input class="input" style="width:120px;" id="_zph" name="_zph"/><font style="font-size:12px;color:red">*</font></td>
		    			</tr>
		    			
		    			<tr bgcolor="#ffffff">
		    				<td colspan="4" align="center" style="height:50px;line-height:50px;">
		    					<input type="submit" class="submit" value="保 存"/>&nbsp;&nbsp;&nbsp;&nbsp;
		    					<input type="button" onClick="javascript:window.location.reload();" value="刷 新"/>&nbsp;&nbsp;&nbsp;&nbsp;
		    					<a href="<%=basePath %>plan/bom.do">返回</a>
		    				</td>
		    			</tr>
		    		</table>
		  	</fieldset>
		</form>
  </body>
</html>

在这里插入图片描述

追加的效果图

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值