JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

AirymaxOS：基于Liunx内核的智能体操作系统。整个AirymaxOS采用微内核思想进行构建，和AirymaxRT属于不同层级，AirymaxRT可以基于AirymaxOS运行，效率更高，速度更快，运行更稳定。

内容概要：本文围绕基于多时段动态电价的电动汽车有序充电策略优化展开研究，提出一种结合动态电价机制的充电调度方法，旨在通过优化充电行为缓解电网负荷压力并降低用户充电成本。文中系统设计了多时段电价模型，深入分析其对电动汽车充电需求的引导机制，构建了兼顾经济性与电网友好性的优化调度模型，并基于Matlab平台进行算法实现与仿真验证。通过对比多种场景下的充电负荷曲线，验证了该策略在削峰填谷、提升可再生能源消纳能力以及实现电网与用户双赢方面的有效性。研究进一步考虑了用户响应行为的不确定性，增强了模型在实际应用中的鲁棒性与可行性。; 适合人群：具备一定电力系统基础知识和Matlab编程能力，从事新能源、智能电网、电动汽车等相关领域研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①应用于城市充电站、住宅区充电桩等集中充电管理场景，实现负荷的优化调度与电网支撑；②支持电网侧需求响应项目，提升电力系统运行效率与稳定性；③为政府及电力公司制定分时电价政策、推动车网互动（V2G）发展提供技术支撑与决策依据。; 阅读建议：读者在学习过程中应重点关注电价信号设计与充电优化模型之间的耦合关系，深入理解目标函数与约束条件的构建逻辑，结合Matlab代码掌握算法实现细节，并建议复现仿真案例以全面把握策略的运行机制与优化效果。

Delphi 13.1控件之TatukGIS_DK.Delphi.RX12_116.1.42371.exe.zip

Repomix（前称 Repopack）是一款功能强大的工具，它能将您的整个代码库打包成一个单独的、人工智能友好的文件。当您需要将代码库输入给大型语言模型（LLMs）或其他人工智能工具，如Claude、ChatGPT、DeepSeek、Perplexity、Gemini、Gemma、Llama、Grok等时，它是完美的选择

基于大模型搭建的聊天机器人，同时支持微信公众号、企业微信应用、飞书、钉钉等接入，可选择GPT3.5/GPT-4o/GPT-o1/ DeepSeek/Claude/文心一言/讯飞星火/通义千问/ Gemini/GLM-4/Claude/Kimi/LinkAI，能处理文本、语音和图片，访问操作系统和互联网，支持基于自有知识库进行定制企业智能客服。