JAVASCRIPhk点击增表格行

yzdjody 2013-11-20 02:09:19

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

...全文

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

YOLO26-DeepSORT识别和跟踪和分类手写数字-检测和跟踪光学字符识别和跟踪和数字图像处理+数据集+deepsort跟踪算法+训练好的检测模型集成了deepsort跟踪算法，有使用教程 1. 内部包含标注好的目标检测数据集，分别有yolo格式(txt文件)和voc格式标签(xml文件), 共4103张图像，已划分好数据集train，val, test，并附有data.yaml文件可直接用于yolov5,v8,v9,v10,v11,v12,v13,v26等算法的训练； 2. yolo目标检测数据集类别名：digits（数字），包括 0（零）、1（一）、2（二）、3（三）、4（四）、5（五）、6（六）、7（七）、8（八）、9（九）等 3. yolo项目用途：识别和分类手写数字，用于光学字符识别和数字图像处理 4. 可视化参考链接：https://blog.csdn.net/weixin_51154380/article/details/126395695?spm=1001.2014.3001.5502 5. 下拉页面至“资源详情处”查看具体具体内容；

大模型安全对齐与风险管控解决方案.pptx

pip-xgboost-0.81.tar.gz

源码下载地址： https://pan.quark.cn/s/a4b39357ea24 针对文章中列举的部分实例，对文法的构建进行了进一步的阐释！与网络上的某些教程不同，它们往往缺乏详尽的步骤说明，仅包含一些单调乏味的文字描述。此处呈现了部分推导环节的动态演示效果，从而使得理解过程更为清晰明了。

代码下载链接： https://pan.quark.cn/s/7dbce75ef922 ### LM016L与LCD1602：精通字符型液晶显示技术#### 引言在嵌入式系统构建过程中，字符型液晶显示器（Character LCD）作为一种常见且高效的显示设备，被广泛应用于多种电子装置中，主要功能是呈现文本信息。在此领域内，**LM016L** 与 **LCD1602** 作为两种基于 **HD44780** 液晶控制芯片设计的典型型号，因其成本效益高、能耗低以及驱动简单等优势，备受工程师们的欢迎。本文将详细剖析LM016L与LCD1602的功能机制、内部构造，以及如何运用Keil51软件进行编程操控，旨在帮助读者全方位理解并熟练运用字符型液晶显示技术。#### 液晶显示技术解析液晶显示（Liquid Crystal Display，简称LCD）是一种借助液晶材料光学特性的改变来呈现图像的显示技术。字符型LCD，例如LM016L和LCD1602，主要由液晶面板、控制单元、驱动电路等构成，用于展示固定的字符和数字。它们通过接收微处理器发出的指令和数据，完成特定字符的显示。#### HD44780芯片详解HD44780芯片是由日本Hitachi公司研发的一种通用字符型液晶控制器，被大量应用于各类字符型LCD产品中。该芯片内部集成了DDRAM（Display Data RAM）、CGROM（Character Generator ROM）和CGRAM（Character Generator RAM）。这些核心组成部分分别负责存储显示数据、存储标准字符字模以及用户自定义字符字模的功能。- **DDRAM**：用于存储待显示的字符编码，总共包含80个字节，对应于屏幕上的显...