JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

内容概要：本文系统研究了线性模型预测控制（LMPC）与非线性模型预测控制（NMPC）在四旋翼无人机轨迹跟踪任务中的控制性能对比，基于Matlab/Simulink平台搭建完整的仿真控制系统。研究内容涵盖四旋翼无人机的动力学建模、状态空间表达、线性与非线性预测模型构建、滚动时域优化求解以及系统约束处理等关键技术环节，重点从轨迹跟踪精度、动态响应速度、系统稳定性及抗干扰能力等方面对两种控制策略进行对比分析，深入探讨线性化近似方法与精确非线性模型在实际控制效果上的差异，为无人机高性能飞控系统的设计提供理论支撑与仿真验证依据；适合人群：具备自动控制原理、非线性系统理论、无人机动力学及Matlab/Simulink仿真基础的研究生、科研人员以及从事无人飞行器控制算法开发的工程技术人员；使用场景及目标：① 掌握模型预测控制（MPC）在强非线性系统如四旋翼中的具体应用方法；② 理解LMPC与NMPC在建模假设、优化求解及控制性能上的本质差异；③ 为相关课题的仿真系统搭建、控制算法选型与性能评估提供实践参考；④ 支持课程设计、学位论文撰写或科研项目的算法验证与结果分析；阅读建议：建议结合提供的Simulink仿真模型，深入剖析状态预测、代价函数设计与实时滚动优化的实现机制，对比不同飞行工况（如高机动轨迹）下的仿真结果，重点关注NMPC在复杂动态环境中的性能优势以及LMPC在计算效率与实时性方面的潜力，同时应注意非线性优化带来的计算负担问题及其对工程可实现性的影响。

【注：该页面底部资源详情处，可查看数据集可视化效果】 1. YOLO目标检测数据集，适用于YOLOV5、yolov7,yolov8, yolov11, yolov13, yolo26等系列算法，含标签，已标注好，可以直接用来训练； 2. 内置data.yaml数据集配置文件，已经划分好了训练集、验证集等； 3. 数据集和模型具体情况可参考 https://blog.csdn.net/zhiqingAI/article/details/124230743?spm=1001.2014.3001.5502

07｜提问式学习：如何快速搞懂一个领域？.pdf

内容概要：本文档为一篇关于“基于超局部模型无模型预测电流控制（MFPCC）+自抗扰ESO观测器改进模型预测控制仿真”的论文复现资源，重点介绍了在Simulink环境下对三相逆变器系统进行建模与控制策略仿真的研究。核心内容聚焦于采用无模型预测电流控制（MFPCC）结合自抗扰控制中的扩张状态观测器（ESO）来提升系统对参数不确定性与外部干扰的鲁棒性，优化电流环动态响应性能。文中通过构建超局部模型规避精确系统建模的难题，利用MFPCC实现快速动态响应，并引入ESO实时估计并补偿系统内外部扰动，从而增强整体控制精度与稳定性。通过与传统控制方法的对比仿真，充分验证了该复合控制策略在抑制扰动、提高电流跟踪精度及改善系统鲁棒性方面的优越性，文档同时提供了完整的Simulink仿真模型与实现代码，便于读者复现、调试与深入研究。; 适合人群：具备电力电子、自动控制理论基础，熟悉Simulink仿真环境，从事电机控制、新能源并网、电力变换器控制或预测控制算法研究的研究生、科研人员及工程技术人员。; 使用场景及目标：① 复现并掌握MFPCC与ESO相结合的先进复合控制策略；② 深入研究无模型预测控制在电力电子系统中的具体应用与实现方法；③ 探索自抗扰控制中ESO观测器在扰动估计与补偿、提升系统鲁棒性方面的关键作用与设计要点；④ 作为毕业设计、科研课题、学术论文复现或工程项目开发的重要技术参考与原型验证平台。; 阅读建议：建议读者结合现代控制理论与电力电子技术基础知识，首先深入理解MFPCC的无模型预测原理与ESO的扰动观测机理，再逐步导入并调试所提供的仿真模型，重点关注控制器参数的整定过程、系统在不同工况下的抗扰性能测试与动态响应指标分析，同时可参考文档中列出的其他相关案例进行横向比较与综合学习，以达到融会贯通的效果。

0通用资料1111111