jsp页面,表格1对多显示.doc

jsp页面,表格1对多显示 篇一：java jsp页面中实现点击按钮动态添加表格 如图显示页面： 要求：点击“添加明细”按钮，页面中自动生成如下图显示的动态行和列 实现上述功能的实例代码： 【body里的table代码】 . . . . . . . . . . . . . . lt;table width=100% border=0 cellspacing=1 id=tt bgcolor=#fffffflt;tr class=firstpage1lt;td colspan=16 align=leftlt;/trlt;tr class=firstpage lt;td height=23 width=5%序号lt;/td lt;td width=5%交通工具lt;/td lt;td width=5%出发地点lt;/td lt;td width=5%抵达地点lt;/td lt;td width=5%lt;a href=javascript：void(0)onclick=addNew()添加明细lt;/a lt;/tdlt;/tr lt;/table 实现上述功能的实例代码： 【body里的js代码】 . . . . . . . . . lt;script type=text/javascript lt;!-- vari=0; var arr=newArray(#39;#cc99ff#39;,#39;#cc99ff#39;);alert(arr); var count = 1; function addNew() { . . . . . . .var order_id= 2014;i++;tr=document.all.tt.insertRow();tr.style.backgroundColor=arr[i%2]; tr.insertCell().innerHTML=#39;lt;divalign=center#39;+order_id+#39;lt;/div#39;;tr.insertCell().innerHTML=#39;lt;divalign=center#39;+order_id+#39;lt;/div#39;;tr.insertCell().innerHTML=#39;lt;divalign=centerlt;inputstyle=\width:80px; height:20px;border:none\ class=inputstyletype=text maxlength=20 size=8 name=START_SITUS class=border_indexlt;/div#39;; tr.insertCell().innerHTML=#39;lt;divalign=centerlt;inputstyle=\width:80px; height:20px;border:none\ class=inputstyletype=text maxlength=20 size=8 name=ARRIVE_SITUSclass=border_indexlt;/div#39;; tr.insertCell().innerHTML=lt;a href=javascript：void(0) onclick=del(#39;+tt+count+#39;)删除lt;/a; class=\shenpi2\ .. . . . . . .count++; }//删除明细行 ... function del(aa){ document.all.tt.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex); } //-- lt;/script . . . . 篇二：jsp表格增加行 //增加行 function addRow() { //添加一行 var mainTable = document.getElementById(yourtable); var newTr = mainTable.insertRow(); var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); //设置列内容和属性 newTd0.innerHTML = lt;s:textfield name= label=lt;/s:textfield newTd1.innerHTML = lt;input type=\button\ name