JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

本文详细讲解如何从零构建一个功能完整的CMD批处理工具，用于批量修改文件后缀。工具支持文件夹选择、文件预览、三次确认机制、冲突检测和一键回滚功能。文章深入解析了235行源码的每一处细节，包括延迟变量扩展、choice交互菜单、临时文件IPC、errorlevel判断顺序等核心技术点，并提供了完整的运行演示和避坑指南。无论你是批处理新手还是想精进CMD编程技巧，这篇文章都会让你有所收获。

内容概要：本文提出一种基于灰狼优化算法（GWO）优化改进互补集合经验模态分解（CEEMDAN）的混合储能风电功率平抑策略。通过GWO算法对CEEMDAN的关键参数（如白噪声幅值、最大本征模态函数数量等）进行全局寻优，显著提高了信号分解的精度与自适应性，有效克服模态混叠与残余噪声问题。在此基础上，将分解后的风电功率序列按频域特征分配给电池与超级电容构成的混合储能系统，充分发挥电池长时储能与超级电容快速响应的优势，实现高频分量由超级电容平抑、低频分量由电池承担的协调控制。结合Matlab平台完成算法仿真与系统建模，验证了该方法在平抑风电功率波动、降低储能系统综合损耗、延长设备寿命及提升电网电能质量与运行稳定性方面的优越性能。; 适合人群：具备一定电力系统分析、可再生能源并网技术、现代信号处理（如EMD类方法）及智能优化算法基础的研究生、科研人员及从事新能源发电控制、储能系统设计与智能电网调度的工程技术人员。; 使用场景及目标：①应用于风电场配套混合储能系统的实时功率协调控制，提升并网友好性；②优化非平稳、非线性风电功率信号的自适应分解精度，服务于后续预测与调度；③结合GWO等群智能优化算法，提升储能系统在平抑可再生能源波动中的动态响应能力、运行经济性与工程实用性。; 阅读建议：建议读者结合提供的Matlab代码深入理解GWO优化CEEMDAN参数选择机制与混合储能功率分配逻辑，重点关注信号分解效果评价指标（如相关系数、均方根误差）与储能系统性能指标（如SOC变化、功率应力）的关联分析，可进一步拓展至多目标优化、在线滚动优化及其他智能算法（如鲸鱼优化、麻雀搜索）的对比研究。

AutoUpdate1

代码下载链接： https://pan.quark.cn/s/ce7b749cac89 家政上门预约服务小程序源码是一款用于构建专业家政门到门预约服务应用的小程序软件，能够帮助用户创建一个独立的品牌中心，不仅有助于构建一种身临其境的客户体验，而且能够以「美图秀秀」风格的方式展示专业的维修项目以及维修人员，使得服务信息一目了然。该源码主要适用于单一区域（或无需设置城市），不支持企业直接入驻（企业可以选择以个人身份进行入驻），其后台系统功能完备，订单分配方式丰富多样。维修人员能够参与订单的竞争获取，管理员则有权进行订单的指派，同时系统支持客户自主选择维修师傅，并配备了分销与促销、会员优惠、积分兑换、子卡使用等多种营销手段。源码所含功能：城市定位：允许设置多个城市，一旦启用城市功能，客户在进入首页时将自动进行位置识别，同时在首页和下单页面对客户是否位于运营城市进行提示。注意：每个城市提供的服务的种类相同，此功能并非城市加盟或代理功能，城市设置的主要目的是提醒客户当前所在城市非运营区域。下单途径：提供多种下单方式，包括选择服务下单（可选择配件/可直接选择师傅/仅显示后台设定的距离范围内的师傅）、次卡下单（需先购买次卡/次卡可设定使用次数和有效期）、管理员派单（客户需扫描绑定至个人微信）。抢单/派单：后台可设定距离范围，维修人员仅能参与范围内订单的竞争（抢单功能可根据需求关闭），管理员在派单页面会按照师傅与客户的距离进行排序，同时展示师傅的联系电话，以便在派单前与师傅进行电话确认订单：

内容概要：本文围绕“考虑光伏-储能-数据中心多能互补的园区容量优化配置”展开研究，提出了一种基于Matlab代码实现的综合优化模型，旨在通过深度融合光伏发电、储能系统与数据中心的算力负荷特性，实现园区内能源供给与信息负载的协同优化。研究构建了一个兼顾可再生能源出力波动性、储能系统动态响应能力以及数据中心弹性算力需求的多目标优化框架，采用先进的优化算法求解光伏装机容量与储能配置容量的最优组合，以实现能源利用率最大化、运行成本最小化及碳排放最低化的多重目标。文中提供了完整的Matlab实现代码，涵盖数据预处理、模型构建、求解流程与结果可视化，便于读者复现、验证与拓展研究。; 适合人群：具备一定电力系统、能源工程、运筹学或自动化背景的科研人员、研究生及工程技术人员，尤其适用于从事综合能源系统规划、可再生能源集成、数据中心节能优化、低碳园区建设等相关领域的专业人士。; 使用场景及目标：①用于高校与科研机构开展多能互补系统容量配置的理论研究与教学示范；②为工业园区、数字经济园区、绿色数据中心等提供科学的能源系统规划与设计依据；③支撑智能微电网、虚拟电厂、碳中和园区等新型能源形态的仿真验证与决策支持。; 阅读建议：建议读者结合Matlab代码与技术文档同步研读，重点关注优化模型的数学建模逻辑、目标函数设计、约束条件设定及求解器调用过程，推荐在实际案例数据基础上调整参数进行仿真实验，以深入理解多能互补系统的协同运行机制与优化配置规律。