JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

做一个ASP提交表单。用Button点击来增加一行的INPUT来做输入，如何实现

...全文

366 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

tony4geek 2013-11-20

打赏
举报

你根据需要改改。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
var i=0;
  $("button").click(function(){
i++;
    $("p").append("<input type='text'name='' value='"+i+"'/><br/>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

teemai 2013-11-20

打赏
举报


<HTML> 
<TITLE>Form Object example</TITLE> 
<HEAD> 
<script language="javascript"> 
function delrow1() 
{ 
var oElement=event.srcElement; 
while(oElement.tagName!="TR") 
{ 
oElement=oElement.parentElement; 
} 
var oTBody=oElement.parentElement; 
oTBody.removeChild(oElement) 
} 




function delrow2()//刪除当前行 
{ 
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex; 
document.all.yltable.deleteRow(currRowIndex);//table10--表格id 
} 
function insertrow1() //增加的一行方法1 
{ 
var newnode = document.getElementById('yltable').lastChild.cloneNode(true); 
document.getElementById('yltable').appendChild(newnode); 
} 

function insertrow2() //增加的一行方法2 
{ 
newRow=document.all.yltable.insertRow(-1); 
var j_1 = document.all.yltable.rows.length; 
newcell=newRow.insertCell(); 
newRow.bgColor='#FFFFFF'; 
newcell.align='center'; 
newcell.innerHTML=""+j_1+""; 


newcell=newRow.insertCell() ; 
newRow.bgColor='#FFFFFF'; 

newcell.align='center'; 
newcell.innerHTML="<input type='text' name='ylText"+j_1+"' />"; 


newcell=newRow.insertCell() ; 
newRow.bgColor='#FFFFFF'; 

newcell.align='center'; 

newcell.innerHTML='<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2">'; 

document.all.yltable.focus(); 

} 

function inserttable() 
{ 
var newnode = document.getElementById('yltable').cloneNode(true); 
document.getElementById('ylform').appendChild(newnode); 
} 
</script> 
</HEAD> 
<BODY> 
<form name="ylform" id="ylform"> 
<center> 
<input name="button" type="button" onClick="inserttable()" value="增加表格"> 
  <input name="button2" type="button" onClick="insertrow1()" value="增加一行1"> 
  
<input name="button22" type="button" onClick="insertrow2()" value="增加一行2"> 
</center> 
<table border="1" align="center" width="50%" id="yltable"> 
<TBODY id=yl1> 
<tr> 
<td width="30%" height="22"><div align="center">1</div></td> 
<td width="40%"> 
<div align="center"> 
<input name="textfield" type="text" value="yl"> 
</div></td> 
<td width="30%"><div align="center"> 
<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2"> 
</div></td> 
</tr> 
</TBODY> 
<TBODY id=yl2> 
<tr> 
<td><div align="center">2</div></td> 
<td><div align="center"> 
<input name="textfield2" type="text" value="yanleigis"> 
</div></td> 
<td><div align="center"> 
<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2"> 
</div></td> 
</tr> 
</TBODY> 
<TBODY id=yl3> 
<tr> 
<td ><div align="center">3</div></td> 
<td ><div align="center"> 
<input name="textfield22" type="text" value="Landgis@126.com"> 
</div></td> 
<td ><div align="center"> 
<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2"> 
</div></td> 
</tr> 
</TBODY> 
</table> 
<center> 
</center> 
</form> 
</BODY> 
</HTML>

Delphi 13.1控件之《AVP虚拟化系统》简要使用手册图片显示完整版.rar

中国风PPT模板，共9个

内容概要：本文围绕超导磁能储存系统（SMES）的建模与仿真展开，基于Simulink平台构建系统级动态仿真模型，涵盖超导线圈、功率转换系统（PCS）以及核心控制策略等关键模块。研究重点在于分析SMES在电网中实现快速能量存储与释放的能力，验证其在提升电力系统稳定性、抑制功率波动方面的有效性，尤其针对新能源发电带来的间歇性与波动性问题提供了有效的解决方案。通过仿真手段深入探讨系统的动态响应特性，为优化控制算法的设计与应用提供可靠的技术支撑。; 适合人群：适用于具备电力系统、自动控制理论或能源存储技术背景，熟悉Simulink仿真环境的科研人员、工程技术人员及研究生；同时适合有志于开展新型储能技术仿真研究的高年级本科生参考学习。; 使用场景及目标：①深入理解超导磁能储存系统的基本结构、工作原理及其在电力系统中的应用场景；②掌握在Simulink中搭建复杂电力电子与控制系统联合仿真模型的方法；③研究SMES在电网调频、电压支撑、瞬时功率补偿等典型工况下的动态性能表现；④为后续先进控制策略（如PID、模糊控制、现代控制理论等）的优化设计与验证提供仿真试验平台。; 阅读建议：建议读者结合文中模型逐步动手搭建仿真系统，重点关注各功能模块的参数设置与信号接口匹配，配合具体案例进行仿真调试，深入理解控制逻辑与系统动态行为之间的内在联系，并可进一步拓展至与其他储能形式（如锂电池、飞轮储能）的性能对比研究，以深化对不同类型储能技术特点的认知。

内容概要：本文围绕“考虑火-储联合调频（火电机组-混合储能）的协同控制策略”展开研究，提出一种基于Matlab仿真的协同控制方法，旨在提升电力系统频率调节的快速性与稳定性。通过构建火电机组与混合储能（如蓄电池、飞轮等）的联合调频模型，设计合理的功率分配机制与控制策略，充分发挥火电的持续调节能力与储能的快速响应优势，有效应对电网负荷波动与频率偏差。文中结合改进信号分解算法（如ICEEMDAN）与优化算法（如GWO），实现对调频信号的精准分频与储能单元的优化调度，提高系统整体调频效率与经济性。; 适合人群：具备一定电力系统基础知识和Matlab编程能力，从事新能源并网、电力系统稳定控制、储能技术应用等相关领域的研究生、科研人员及工程技术人员。; 使用场景及目标：①用于研究火电机组与混合储能在电网一次调频、二次调频中的协同作用机制；②为实际电力系统中储能配置与调频控制策略设计提供仿真验证平台与理论支持；③支撑相关课题研究、学术论文撰写及工程项目前期论证。; 阅读建议：建议结合Matlab代码深入理解控制算法实现细节，重点关注功率分配逻辑、信号分解过程与优化算法参数设置，并可通过修改系统参数进行对比仿真，以加深对协同控制效果的认识。

易语言源码SAVEPIC