JSP动态生成，点击添加表单table行-01(点击添加的时候会提交数据给ACTION)

最新推荐文章于 2021-12-16 10:48:24 发布

蔡吉奏

最新推荐文章于 2021-12-16 10:48:24 发布

阅读量2.5k

点赞数

分类专栏： JS脚本文章标签： javascript html jsp

本文链接：https://blog.csdn.net/qq459805661/article/details/51264399

版权

JS脚本专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<script language="javascript">
	iIndex = 1;
	var annex = 1;

	var i=1;
	function getIndex(){
		 iIndex = event.srcElement.parentElement.parentElement.rowIndex; 
		 return iIndex;
		 }
	 function insertRow(iPos){
		  var otr=myTable.insertRow(annex);//插入一个tr 
		  var ocell=otr.insertCell(0);//插入一个td    
		  ocell.innerHTML="" + i + "";  
		  var ocell=otr.insertCell(1);//插入一个td    
		  ocell.innerHTML="<input type=text size=20 name=annexValue(" + i+ ") id=annexValue(" + i + ")>";  
		  var ocell=otr.insertCell(2);//插入一个td 
		  ocell.innerHTML="<input type=text size=20 name=annex(" + i + ") id=annexValue(" + i + ")>";  
		  var ocell=otr.insertCell(3);//插入一个td 
		  ocell.innerHTML="<td><input type=button οnclick=deleteRow(getIndex()) value='删除'></td>"; 
		   annex++;
		   document.getElementById("zjLength").value=annex;

		   i++;

		   }
	   function deleteRow(iPos){
		    document.all.myTable.deleteRow(iPos);
		     --annex;

 		    document.getElementById("zjLength").value=annex;
		     }
		     </script>

<form name=myForm>
		     <a href="#" onClick="insertRow(0)">添加回避专家</a>
			<tr>

			     	<td colspan="4" name='提交行数'>
       				<input type="text" name="zjLength" id="zjLength" />
       				</td>

			</tr>

		     <table id="myTable">
		     	<tr>
		     		<td>序号</td>
		     		<td>回避专家</td>
		     		<td>备注</td>
		     		<td>删除</td>
		     	</tr>
		     </table>
		     </form>