JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

内容概要：本文介绍了基于 NVMe 的 ExFAT IP 交付项目案例，采用 KU060 FPGA 芯片实现高可靠性的双通道数据存储方案。系统通过主备两路独立的 DDR4 和 NVMe 硬盘（如三星 970 EVO PLUS）同步存储业务数据，确保数据一致性与系统稳定性。KU060 内部集成了用户逻辑与 ExFAT 文件系统 IP，通过 M 个高速 FIFO 和 N 个低速 FIFO 实现多通道并发写入，每个 FIFO 对应一个独立 .dat 文件，单文件达 4GB 后自动续接下一文件。数据写入速率≥2.5GB/s，文件格式兼容 Windows，支持上电自动生成文件并通过 PC 直接读取。IP 还支持指令控制、状态反馈（如硬盘连接、温度、剩余空间等），已实际交付并运行三年。; 适合人群：从事 FPGA 开发、嵌入式存储系统设计或文件系统实现的工程师，具备一定硬件逻辑和存储协议基础的研发人员；使用场景及目标：①实现高速、高可靠的实时数据记录系统；②开发兼容 Windows 的可插拔存储设备；③研究 ExFAT 文件系统在 FPGA 上的纯逻辑实现方法；④构建主备冗余存储架构以提升系统可靠性；阅读建议：建议结合 Demo 工程和 VIO 控制实例进行实践，重点关注 FIFO 与文件映射机制、ExFAT 写入流程及状态监控接口的设计，调试时可通过 PC 拷贝验证数据完整性。

易语言源码易语言外网连接内网SQL源码

源码下载地址： https://pan.quark.cn/s/f25f52ce1d99 README =========================== A complete enterprise website, including the Frontend and Backend admin page. is uploaded in the repositories because of the end of the project/product life cycle. The code is for learning only and prohibits any business related behavior,website does not use any MVC framework, very suitable for beginners PHP study. PHP-WEBSITE-TEMPLATE05 一个完整的中英文双语企业网站模板,界面设计简洁美观，包括前台后台，因为项目生命周期完结，整理到仓库中以做总结，代码仅供学习，禁止任何与商业有关的行为！站点前后端未用任何MVC框架、未用任何第三方CMS系统，不存在复杂的一堆看不明白的代码，全程序均手写，非常适合PHP初学者入门。运行环境和下载地址 =========================== * 集成环境 APPSERV appserv-win32-2.5.10.exe * Download link 下载地址：http://pan.baidu.com/s/1sldpyXZ 密码:94ig 安装调试 =========================== * 拷贝www到网站目录...