Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从“添加”按钮复制动态生成文本框中的内容_Javascript_Jquery_Arrays - Fatal编程技术网

Javascript 从“添加”按钮复制动态生成文本框中的内容

Javascript 从“添加”按钮复制动态生成文本框中的内容,javascript,jquery,arrays,Javascript,Jquery,Arrays,我有添加按钮和6列。当我点击add按钮时,它会动态地生成行,并同样地删除。问题是我想用两列将一个文本框的内容复制到另一个文本框中。我可以简单地对固定列执行此操作,但如何对动态文本框执行此操作 若我在“金额”列和“键控”选项卡中写2,那个么“总计”列中应该有2。它应该发生在每个动态行中 请告诉我。我已经用jQuery完成了。请看一看。请检查keyup事件处理程序,它也可以处理动态添加的行。希望它能帮助你 函数addRow(){ //用于动态添加行 var tableElement=documen

我有添加按钮和6列。当我点击add按钮时,它会动态地生成行,并同样地删除。问题是我想用两列将一个文本框的内容复制到另一个文本框中。我可以简单地对固定列执行此操作,但如何对动态文本框执行此操作

若我在“金额”列和“键控”选项卡中写2,那个么“总计”列中应该有2。它应该发生在每个动态行中


请告诉我。

我已经用
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