JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

【内容概要】本资源为Keil MDK5开发环境的STM32系列芯片DFP设备支持包合集，内含7个官方标准.pack格式支持包，覆盖STM32F0xx、STM32F1xx、STM32F4xx、STM32L0xx、STM32L1xx、STM32L4xx、STM32W1xx七大主流系列，可直接导入Keil uVision5完成芯片支持安装。【适用人群】嵌入式开发工程师、STM32单片机初学者、电子信息相关专业学生、硬件开发从业者。【使用场景及目标】用于解决Keil5新建工程时无法找到对应STM32芯片型号的问题；安装后即可在Keil MDK中创建对应系列STM32工程，获得芯片寄存器定义、启动文件、外设驱动等基础支持，保障STM32项目的正常开发与编译。【其他说明】 1. 均为官方标准DFP包格式，双击.pack文件即可自动导入Keil5环境； 2. 兼容Keil MDK 5.x全版本； 3. 包含F103、F407、L0、L4等热门型号的对应支持包。

amneziawg-amd64-3.1.0 是适配 amd64 架构、基于 WireGuard 深度优化的开源网络隧道工具，3.1 版本在原版基础上重点强化抗检测能力与运行稳定性，兼顾轻量化、高性能与高兼容性，适配各类 Linux 服务器部署场景。该软件核心优势在于解决了原生 WireGuard 易被深度数据包检测识别的短板，可用于构建虚拟私有网络，实现外网主机内网化组网。在外网主机内网化场景中，它可以将分布在不同公网环境下的多台主机，接入同一个虚拟局域网。哪怕主机处于异地、不同运营商网络，设备之间都可以使用内网 IP 互相访问，如同处在同一局域网。可以实现外网服务器、远程工作站之间的文件共享、内网服务访问、远程运维管理。组网时无需复杂端口映射，只需要两端部署 AmneziaWG，配置虚拟网段即可打通。所有跨公网通信流量经过加密封装，远程访问内网业务时安全性更高。适合多节点异地组网，统一管理分散在外网的业务主机。核心功能方面，其一搭载专属流量混淆伪装机制，优化 UDP 流量模拟算法，隐匿协议特征，提升隧道连接稳定性。其二采用 Curve25519 密钥交换、ChaCha20 数据流加密与 Poly1305 消息认证技术，保障传输数据安全，防止篡改与泄露。其三资源占用极低，低配服务器也可 7×24 小时稳定运行。同时优化连接逻辑，降低延迟、减少丢包，支持自定义隧道参数，部署简单，开源纯净，针对 amd64 架构深度适配，windows系统应用，兼容主流 Linux 系统。重要提醒：仅可用于企业合法异地内网组网、自有设备远程运维，禁止利用该工具搭建翻墙通道，请严格遵守《网络安全法》等相关法律法规。

这是一个Windows 桌面程序。它会遍历所选文件夹及子文件夹，在本机查找合同关键词，显示命中的完整路径、文件类型和位置。当电脑里保存了数百份供应商、客户或合作方合同，需要查找“自动续约”“排他合作”“违约金”“知识产权归属”等特殊条款时，逐份打开合同既耗时又容易遗漏。把合同上传到在线检索服务，还可能暴露商业机密和个人信息。本工具允许用户直接选择本地合同文件夹，批量检索多个关键词。普通文档直接读取文字，扫描 PDF 使用 Windows 本机 OCR，整个过程不需要上传合同。

【2026年华为杯D题】山区洪涝灾害下无人机运输与通信协同优化（思路、代码、论文，持续更新）内容概要：本文针对山区洪涝灾害下应急救援的紧迫需求，提出了一套无人机运输与通信协同优化方案，旨在解决灾区道路中断、通信盲区等难题。通过构建多目标优化模型，综合考虑物资配送时效性、通信网络覆盖率、无人机续航能力与路径规划复杂性等因素，设计高效的协同调度算法。利用仿真工具对不同灾情场景进行模拟，验证了该方案在提升救援效率、增强现场通信保障能力方面的有效性，为灾害应急响应提供了科学的技术支持和决策依据。; 适合人群：具备一定编程基础和运筹优化知识，从事应急管理、智能交通、无人机应用或相关领域研究的研发人员及研究生。; 使用场景及目标：①应用于自然灾害（如洪涝）等紧急情况下的物资投送与临时通信网络搭建；②优化多无人机系统的任务分配与路径规划，实现运输与通信功能的高效协同；③为相关领域的科研项目提供模型构建与算法设计参考。; 阅读建议：此资源结合了实际应用场景与复杂优化算法，建议读者在学习过程中重点关注问题建模的思路与求解算法的实现细节，并结合提供的代码进行实践与调试，以深入理解无人机协同优化的核心技术。

旋转地面案例.prt_UG四五轴CNC编程练习图档.rar