JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

内容概要：本文提出了一种基于非合作博弈理论的居民负荷分层调度模型，并结合双层鲸鱼优化算法（Two-level Whale Optimization Algorithm）进行高效求解，模型与算法均通过Matlab代码实现。研究针对电力系统中居民侧用电负荷的复杂调度问题，引入非合作博弈机制刻画各用户之间的利益竞争关系，实现负荷的分层优化分配；同时设计双层优化架构，上层优化资源配置，下层模拟用户自主决策行为，提升了模型的实用性与合理性。通过智能优化算法求解多层级、非凸非线性的博弈模型，有效提高了调度方案的收敛性与全局寻优能力，适用于现代智能电网中的需求侧管理与能源优化场景。; 适合人群：具备电力系统基础理论知识和Matlab编程能力，从事智能电网、能源优化调度、需求侧管理、博弈论应用等方向的科研人员、高校研究生及工程技术人员。; 使用场景及目标：①应用于居民区电力负荷的分层优化调度系统设计与仿真分析；②为非合作博弈在多主体能源系统建模中的应用提供方法论支持；③利用双层鲸鱼算法解决具有嵌套结构的复杂双层优化问题，提升求解效率与调度方案的可行性。; 阅读建议：建议读者结合提供的Matlab代码深入理解模型构建逻辑与算法实现流程，重点关注博弈模型的效用函数设计、纳什均衡求解思路以及双层优化结构的迭代机制，宜配合实际用电数据开展复现实验以验证模型有效性与鲁棒性。

如何打造区域科技成果转化高地

内容概要：本文围绕基于自适应神经模糊推理系统（ANFIS）智能控制器的可再生能源微电网功率管理系统展开研究，结合Simulink仿真实现，深入探讨了微电网中功率的智能调控与经济机组组合调度问题。通过引入ANFIS控制器，有效应对风能、光伏等可再生能源出力的波动性与不确定性，提升系统运行的稳定性与电能质量。研究内容涵盖微电网多源协调控制策略、功率平衡管理、优化调度模型构建及仿真验证，实现了对分布式电源、储能系统和负荷的协同优化，兼顾经济性与可靠性目标，并通过仿真平台验证了所提方法的有效性与优越性。; 适合人群：具备电力系统、自动化或新能源相关专业背景，熟悉Matlab/Simulink仿真环境，从事微电网能量管理、智能控制、能源优化等领域研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①用于高比例可再生能源接入场景下的微电网能量管理系统研发与教学实践；②为实现微电网功率稳定控制与经济高效运行提供先进的智能控制解决方案；③支撑高水平学术论文复现、科研课题攻关及实际工程项目的仿真验证与方案优化。; 阅读建议：建议结合提供的Simulink模型与相关代码进行动手实践，重点关注ANFIS控制器的设计流程、规则库构建与参数调优方法，并通过与传统PID或MPC控制策略的对比实验，深入理解其在动态响应与鲁棒性方面的优势。同时可进一步拓展文中提出的优化调度逻辑，应用于多目标、多约束的复杂实际应用场景中。

如何构建开放协同的产学研合作平台

内容概要：本文档聚焦于“直流电机双闭环控制Matlab仿真”，系统阐述了基于Matlab/Simulink平台实现直流电机双闭环控制系统（主要包括速度环与电流环）的设计与仿真全过程。通过构建直流电机的数学模型，结合PI控制器进行调控，实现对电机转速和电枢电流的高精度动态控制，验证控制策略的稳定性与响应性能。文档详细介绍了仿真模型的搭建流程、关键参数的整定方法、系统动态波形的分析手段以及仿真结果的有效性验证，体现了经典自动控制理论在实际电机系统中的工程应用，是电机控制与电力电子技术相结合的典型研究案例。; 适合人群：具备自动控制原理、电机与拖动基础、电力电子技术和Matlab/Simulink仿真能力的电气工程、自动化、机电一体化等专业的本科生、研究生及从事电机驱动系统研发的工程技术人员。; 使用场景及目标：①作为高校课程设计或实验教学材料，帮助学生深入理解双闭环调速系统的工作机理与工程实现；②服务于科研项目，为新型电机控制算法（如滑模、模糊PID等）的开发与性能对比提供基础仿真验证平台；③作为工业界产品前期设计的仿真工具，用于评估不同控制策略在动态响应、抗干扰能力和稳态精度方面的可行性。; 阅读建议：建议读者在学习过程中紧密结合自动控制理论知识，亲手在Simulink环境中搭建完整的双闭环仿真模型，通过反复调整PI控制器的比例与积分参数，观察并分析转速、电流的阶跃响应曲线，从而深刻理解反馈控制的本质、系统稳定性条件以及参数整定对动态性能的影响，进而掌握电机控制系统的设计精髓。