Javascript 从“添加”按钮复制动态生成文本框中的内容
我有添加按钮和6列。当我点击add按钮时,它会动态地生成行,并同样地删除。问题是我想用两列将一个文本框的内容复制到另一个文本框中。我可以简单地对固定列执行此操作,但如何对动态文本框执行此操作 若我在“金额”列和“键控”选项卡中写2,那个么“总计”列中应该有2。它应该发生在每个动态行中Javascript 从“添加”按钮复制动态生成文本框中的内容,javascript,jquery,arrays,Javascript,Jquery,Arrays,我有添加按钮和6列。当我点击add按钮时,它会动态地生成行,并同样地删除。问题是我想用两列将一个文本框的内容复制到另一个文本框中。我可以简单地对固定列执行此操作,但如何对动态文本框执行此操作 若我在“金额”列和“键控”选项卡中写2,那个么“总计”列中应该有2。它应该发生在每个动态行中 请告诉我。我已经用jQuery完成了。请看一看。请检查keyup事件处理程序,它也可以处理动态添加的行。希望它能帮助你 函数addRow(){ //用于动态添加行 var tableElement=documen
请告诉我。我已经用
jQuery
完成了。请看一看。请检查keyup
事件处理程序,它也可以处理动态添加的行。希望它能帮助你
函数addRow(){
//用于动态添加行
var tableElement=document.getElementById(“mytable”);
var currentTrLength=tableElement.getElementsByTagName(“tr”).length;
var currentTrIndex=currentTrLength-1;//id以_0、_1等结尾
var rowRef=tableElement.getElementsByTagName(“tr”)[1].cloneNode(true);
var amountTextElement=rowRef.getElementsByClassName(“金额”)[0];
var totalTextElement=rowRef.getElementsByClassName(“总计”)[0];
amountTextElement.id=“Amount_u216;”+currentTrIndex;
totalTextElement.id=“金额”+currentTrIndex;
amountTextElement.value=“”;
totalTextElement.value=“”;
document.getElementById(“mytable”).appendChild(rowRef)
}
功能副本(obj){
无功电流=obj;
var currentTr=current.parentElement.parentElement;
var currentTotalElem=currentTr.getElementsByClassName(“总计”)[0];
currentTotalElem.value=current.value;
}
函数calculatesum(){
}
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
th,td{
填充物:5px;
}
添加行
专栏1
专栏2
第3栏
专栏4
数量
全部的
前夕
杰克逊
94
试验
查看以下代码:
在
代码中,您可以调用onblur
事件上的copy()
,作为onkeyup='calculatesum();'复制(这个);'代码>我已通过此
var cc=1;
函数addTableRow(jQtable){
var-id=cc;
jQtable.each(函数(){
var数据=”;
var$表=$(此);
var n=$('tr:last td',this).length;
var tds=数据;
cc++;
如果($('tbody',this).length>0)
{
$('tbody',this).append(tds);
}
其他的
{
$(此).append(tds);
}
});
}
功能副本(obj){
无功电流=obj;
var currentTr=current.parentElement.parentElement;
var currentTotalElem=currentTr.getElementsByClassName(“总计”)[0];
currentTotalElem.value=current.value;
}
函数calculatesum(){
}
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
th,td{
填充物:5px;
}
金额*
总数*
是否愿意分享您目前拥有的内容?那么您的意思是您根本不能使用jQuery?你想要简单的基于JavaScript的解决方案吗?@RakHad-更新了代码片段。删除了jQuery依赖性。现在它是一个简单的javascript代码。请不要叫我先生…因为我不是<代码>:)
!你还在那里吗?想和你讨论一些事情:)您的意思是说…最初您只有带有列名的表标题。您没有任何包含文本框的行。单击按钮,您将向表中添加第一行。是吗?是的。请继续并更新您的问题以添加1)您的初始
和按钮结构2)您的JS添加函数。vijayp有问题!好啊我想分享原因VijayPloy..但我真的不知道cleanzone模板jquery库…:(嘿..对不起…你告诉我…给我看6列html..我相信你会给我看var data=“@RakHad-我有几个问题要问你。1)HTML我可以看到“`。你不能直接在
和
中看到
。2)我可以在HTML中看到
。它的开始标签在哪里>请把你的代码放到JSFIDLE中…从评论中复制粘贴有点乏味。我已经离开了一天。明天会看到你的代码。但是请把我的url放回去。然后ks