JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

390 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>

内容概要：本文详细介绍了一种基于节点不连续伽辽金方法（Discontinuous Galerkin Method）在求解线性和非线性平流方程中的一维数值实现方案，并提供了完整的MATLAB代码实现。该方法在处理偏微分方程特别是具有间断解或高梯度特征的问题时展现出优异的稳定性和精度。文中系统阐述了算法的核心原理、空间离散化策略、时间推进机制以及边界条件的处理方式，通过具体编程实例展示如何在MATLAB环境中实现该数值方法，并辅以典型算例验证其有效性和可靠性。此外，文章还强调科研工作中“借力”与创新思维的重要性，鼓励研究者在夯实理论基础的同时勇于探索新思路。; 适合人群：具备偏微分方程数值解法基础知识、熟悉MATLAB编程，从事计算数学、流体力学、物理建模及相关领域的研究生、科研人员及工程技术开发者。; 使用场景及目标：① 学习并掌握节点不连续伽辽金方法的基本理论与实现流程；② 利用所提供的MATLAB代码开展线性和非线性平流方程的数值模拟实验；③ 将该方法作为基础算法应用于高分辨率数值模拟、守恒律方程求解等科研项目中的扩展与改进；阅读建议：建议读者结合经典数值分析教材深入理解DG方法的数学背景，逐段调试并运行所附MATLAB代码，通过调整初始条件、网格划分和时间步长等方式观察算法表现，从而深化对数值稳定性与计算精度之间平衡关系的理解。

内容概要：本文档聚焦于【博士论文复现】光伏并网逆变器序阻抗建模、扫频辨识与弱电网交互稳定性分析，提供了完整的Matlab代码与Simulink仿真实现方案。内容涵盖基于谐波线性化的并网VSG逆变器正负序阻抗建模、锁相环与电流环的小信号建模、扫频法辨识系统阻抗、奈奎斯特稳定性判据的应用，以及在弱电网条件下逆变器与电网交互稳定性的仿真验证全过程。通过理论推导与仿真实践相结合，帮助读者掌握新能源并网系统稳定性分析的核心技术与工程实现方法。; 适合人群：具备电力电子、自动控制理论基础，熟悉Matlab/Simulink环境，从事新能源发电、并网控制或电力系统稳定性研究的研究生、科研人员及工程师。; 使用场景及目标：① 复现博士论文中关于光伏并网逆变器阻抗建模与稳定性分析的关键实验；② 学习并掌握扫频法（Frequency Scan）在实际系统中的应用技巧；③ 利用提供的模型进行弱电网下并网系统稳定性的仿真研究与故障机理分析；④ 作为相关课题研究或毕业设计的技术参考与代码基础。; 阅读建议：此资源以博士论文级别的科研内容为核心，不仅提供可运行的代码，更强调理论与实践的紧密结合。建议使用者首先梳理文档中的理论框架，再逐步运行和调试仿真模型，重点关注扫频激励信号的设计、阻抗数据的提取与稳定性判据的判断逻辑，从而深刻理解并网逆变器在复杂电网环境下的动态交互行为。

原创可运行的工程审计与分析工具合集中的独立项目。每个压缩包包含完整 Node.js、HTML、CSS、JavaScript 源码，内置合成示例、3 项自动化验收、离线 HTML/JSON/SVG 报告、1080×720 运行效果图、README、运行说明、MIT License 与原创授权声明。零第三方运行依赖，不包含榜单产品源码、官方素材、论文、账号数据或未授权内容。适合 AI 工程、前端、运维和质量团队用于本地预检、教学演示与二次开发。运行方法：Node.js 18+ 下执行 npm test 与 npm run report，或启动静态服务器打开 index.html。

科易网基于40亿+科创知识图谱数据库，深度探索AI技术在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景，研究科技创新领域的AI+数智化解决方案，推动科技创新与产业创新智能化发展。