怎么用document.write()实现，不停的写新的tr

christinadingkou 2004-08-16 03:03:54
我做一个批量添加页面，就是每一行有名称，地址两个文本框，刚打开页面时，只显示一行，当我在地址这个文本框里按下enter键，则自动出现新的一行，也有名称，地址两个文本框。

我现在已经实现了写的功能，但是问题是：当我在地址文本框里按下enter键，则只显示了我用document.write()写的新行，原来的东西全部都没有了，查看源文件也是只有新行的html代码，其他什么都没有，应该怎么解决这个问题了？？

以下是我的源代码：
<%@ page contentType="text/html; charset=gb2312" %>
<html>
<head>
<title>添加</title>
<style>
td{font-size:12px}.style1 {color: #FF0000}
</style>
</head>
<body onload="init()">
<table border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolordark="#FFFFFF" bgcolor="#FFFFFF" width="100%">
<tr><form name="form1" method="post" action="big.jsp">
<td align="center"><h3>添加－交寄大宗挂号函件</h3>
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#FFFFFF" bgcolor="#FFFFFF" bordercolor="#003366">
<tr bgcolor="#99CCFF" align="center">
<td height="20" rowspan="2"> </td>
<td height="20" rowspan="2">收件人名称<br>(必填)</td>
<td height="20" rowspan="2">收件人地址<br>(必填)</td>
</tr>
<tr bgcolor="#99CCFF" align="center">
<td height="10">请选择部门名称</td>
<td bgcolor="#99CCFF"><span class="style1">或填写部门编码</span></td>
</tr>
<tr bgcolor='#FFFFFF' align='center' id="tr1">
<td height='20'>1</td>
<td height='20'><input name='arrivename1' type='text' size='20' onkeydown='if(event.keyCode==13)event.keyCode=9'></td>
<td height='20'><input name='arriveaddress1' type='text' size='20' onkeydown='shownext(1);if(event.keyCode==13)event.keyCode=9'></td></tr>

<tr align="center" valign="middle" bgcolor="#99CCFF">
<td height="30" colspan="6"><input type="button" name="Submit" value="提交" onClick="return check()">  
<input type="button" name="Submit2" value="重置" onClick="document.form1.reset()"></td></tr>
</table></td>
</form></tr>
<tr><td> </td></tr>
</table>
</body>
</html>
<script>
function shownext(id){
id++;
document.write("<tr bgcolor='#FFFFFF' align='center' id='tr"+id+"'>");
document.write("<td height='20'>"+id+"</td>");
document.write("<td height='20'><input name='arrivename"+id+"' type='text' size='20' onkeydown='if(event.keyCode==13)event.keyCode=9'></td>");
document.write("<td height='20'><input name='arriveaddress"+id+"' type='text' size='20' onkeydown='if(event.keyCode==13)event.keyCode=9'></td>");
document.write("<td height='20'><input name='arriveno"+id+"' type='text' maxlength='4' size='6'></td>");
document.write("<td><SELECT NAME='seldeptid"+id+"' onkeydown='if(event.keyCode==13)event.keyCode=9'><option value=''>请选择所属部门-编码</option></SELECT></td>");
document.write("<td height='20'><input name='deptname"+id+"' type='text' onkeyup='idtoname(this)' size='20' onkeydown='shownext("+id+");if(event.keyCode==13)event.keyCode=9'></td>");
document.write("</tr>");
}

function init(){
document.form1.elements[0].focus();
}

function check(){
var alertinfo = "";
for(var i=1;i<=10;i++){
if(form1["arrivename"+i].value!=""){
if(form1["arriveaddress"+i].value==""){alertinfo +="\n请填写第"+i+"行，收件人地址";}
}
if(form1["arriveaddress"+i].value!=""){
if(form1["arrivename"+i].value==""){alertinfo +="\n请填写第"+i+"行，收件人名称";}
}
}
if(alertinfo==""){
document.form1.action = "ssadd1.jsp";
document.form1.submit();
}else{
alert(alertinfo);
return false;
}
}
</script>
...全文
175 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
christinadingkou 2004-08-16
  • 打赏
  • 举报
 回复
fason(Forbes Pu) :
谢谢你，但是你提供的方法还是有点小问题，
我的代码中每行有两个文本框，你提供的第三种方法只能在每行的第一个文本框里输入，第二个文本框不能输入
christinadingkou 2004-08-16
  • 打赏
  • 举报
 回复
对不起，代码有问题，重贴一次:
<%@ page contentType="text/html; charset=gb2312" %>
<html>
<head>
<title>添加</title>
<style>
td{font-size:12px}.style1 {color: #FF0000}
</style>
</head>
<body onload="init()">
<table border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolordark="#FFFFFF" bgcolor="#FFFFFF" width="100%">
<tr><form name="form1" method="post" action="big.jsp">
<td align="center"><h3>添加－交寄大宗挂号函件</h3>
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#FFFFFF" bgcolor="#FFFFFF" bordercolor="#003366">
<tr bgcolor="#99CCFF" align="center">
<td height="20" > </td>
<td height="20" >收件人名称<br>(必填)</td>
<td height="20" >收件人地址<br>(必填)</td></tr>

<tr bgcolor='#FFFFFF' align='center' id="tr1">
<td height='20'>1</td>
<td height='20'><input name='arrivename1' type='text' size='20' onKeyDown='if(event.keyCode==13)event.keyCode=9'></td>
<td height='20'><input name='arriveaddress1' type='text' size='20' onKeyDown='shownext(1);if(event.keyCode==13)event.keyCode=9'></td></tr>
<tr align="center" valign="middle" bgcolor="#99CCFF">
<td height="30" colspan="3"><input type="button" name="Submit" value="提交" onClick="return check()">
  
<input type="button" name="Submit2" value="重置" onClick="document.form1.reset()"></td>
</tr>
</table></td>
</form></tr>
<tr><td> </td></tr>
</table>
</body>
</html>
<script>
function shownext(id){
id++;
document.write("<tr bgcolor='#FFFFFF' align='center' id='tr"+id+"'>");
document.write("<td height='20'>"+id+"</td>");
document.write("<td height='20'><input name='arrivename"+id+"' type='text' size='20' onkeydown='if(event.keyCode==13)event.keyCode=9'></td>");
document.write("<td height='20'><input name='arriveaddress"+id+"' type='text' size='20' onkeydown='if(event.keyCode==13)event.keyCode=9'></td>");
document.write("<td height='20'><input name='arriveno"+id+"' type='text' maxlength='4' size='6'></td>");
document.write("<td><SELECT NAME='seldeptid"+id+"' onkeydown='if(event.keyCode==13)event.keyCode=9'><option value=''>请选择所属部门-编码</option></SELECT></td>");
document.write("<td height='20'><input name='deptname"+id+"' type='text' onkeyup='idtoname(this)' size='20' onkeydown='shownext("+id+");if(event.keyCode==13)event.keyCode=9'></td>");
document.write("</tr>");
}

function init(){
document.form1.elements[0].focus();
}

function check(){
var alertinfo = "";
for(var i=1;i<=10;i++){
if(form1["arrivename"+i].value!=""){
if(form1["arriveaddress"+i].value==""){alertinfo +="\n请填写第"+i+"行，收件人地址";}
}
if(form1["arriveaddress"+i].value!=""){
if(form1["arrivename"+i].value==""){alertinfo +="\n请填写第"+i+"行，收件人名称";}
}
}
if(alertinfo==""){
document.form1.action = "ssadd1.jsp";
document.form1.submit();
}else{
alert(alertinfo);
return false;
}
}
</script>
fason 2004-08-16
  • 打赏
  • 举报
 回复
http://fason.nease.net/samples/js/addrow.html
javascript实用案例
 document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">');  window.onload=f1  }   16.慢慢变大的...
说说javascript write函数
以前我自己也犯过这么个错误，就是在document.write之后，发现脚本报错误。当然后来是知道了，最近看到有网友在群里提出类似的问题。我在这里就总结下document.write的用法和注意事项。先看下面一个小网页： ...
JS
1.document.write(""); 输出语句  2.JS中的注释为//  3.传统的HTML文档顺序是:document->html->(head,body)  4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)  5.得到...
很特殊的一个activex
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > 无标题页 window.ClearEvent=function(){event.cancelBubble=false;var sSrcTagName=event.srcElemen
前端笔试题总结2
【解析】table不能直接用removeChild删除tr，而tbody可以 【答案】BCD 19.执行代码的值 var i=9; function fo(){ var i=0; return function(n){ return n+i++; //return n+++i; //return n+(++i); } }...
JavaScript

87,992

社区成员

224,688

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章