Javascript 从文本框动态复制内容
这是我的全部代码。动态行在添加按钮上生成,在删除图标图像上删除。我想从中复制两列的内容。 这是我的全部代码。动态行在添加按钮上生成,在删除图标图像上删除。我想从中复制两列的内容 JavaScript代码:Javascript 从文本框动态复制内容,javascript,jquery,html,Javascript,Jquery,Html,这是我的全部代码。动态行在添加按钮上生成,在删除图标图像上删除。我想从中复制两列的内容。 这是我的全部代码。动态行在添加按钮上生成,在删除图标图像上删除。我想从中复制两列的内容 JavaScript代码: <script type="text/javascript"> var cc = 1; function addTableRow(jQtable){ var id=cc; jQtable.each(function() {
<script type="text/javascript">
var cc = 1;
function addTableRow(jQtable){
var id=cc;
jQtable.each(function() {
var data = "<tr><td class='Arial_4C8966' align='center'><input name='InvoiceDate[]' type='date' class='form-control' placeholder='' style='width:160px' id='InvoiceDate_" + cc + "' size='10' onclick='showData(this.value," + cc + ")'/></td><td class='Arial_4C8966'><input name='Details[]' type='text' class='form-control' style='width:240px' id='Details_" + cc + "' size='10'/></td><td class='Arial_4C8966'><input name='ReceiptNo[]' type='text' class='form-control' style='width:180px' id='ReceiptNo_" + cc + "' size='10' /></td><td class='Arial_4C8966'><input name='Amount[]' class='form-control' style='width:180px' type='text' onblur='copy_data(this);' id='Amount_" + cc + "' size='10' /></td><td class='Arial_4C8966'><input name='Total[]' style='width:180px' class='form-control' type='text' id='Total_" + cc + "' size='10' /></td><td class='Arial_4C8966'><img src='assets/img/pictures.png' style='cursor:pointer; border:0px; width:16px;' onclick='setDeletedID("+ cc +");$(this).parent().parent().remove();' />
var $table = $(this);
var n = $('tr:last td', this).length;
var tds = data;
cc++;
if ($('tbody', this).length > 0) {
$('tbody', this).append(tds);
} else {
$(this).append(tds);
}
});
}
function setDeletedID(itemID){
objReceiptNo=document.getElementById('ReceiptNo_'+itemID)
if(objReceiptNo.value!=''){
if(document.getElementById('txtDeletedIDs').value==''){
document.getElementById('txtDeletedIDs').value= objReceiptNo.value;
}else{
document.getElementById('txtDeletedIDs').value+= ', '+objReceiptNo.value;
}
}
}
</script>
<div class="row clearfix">
<div class="col-md-12 column">
<table class="table table-bordered table-hover" id="dynamicInput">
<tr class="Form_Text_Label">
<td align="center">INVOICE DATE*</td>
<td align="center">DETAILS*</td>
<td align="center">RECEIPT NO*</td>
<td align="center">AMOUNT*</td>
<td align="center">TOTAL*</td>
<td align="center"></td>
</tr>
</table>
</div>
</div>
<div class="col-sm-6">
<input type="button" value="Add" class="frmBtns" onclick="addTableRow($('#dynamicInput'));"
onblur="copy_data(this);" style="font-family: Calibri; font-size: 15px;">
<br>
</div>
var-cc=1;
函数addTableRow(jQtable){
var-id=cc;
jQtable.each(函数(){
变量数据=”
var$表=$(此);
var n=$('tr:last td',this).length;
var tds=数据;
cc++;
如果($('tbody',this).length>0){
$('tbody',this).append(tds);
}否则{
$(此).append(tds);
}
});
}
函数setDeletedID(itemID){
objReceiptNo=document.getElementById('ReceiptNo_U2;'+itemID)
if(objReceiptNo.value!=''){
if(document.getElementById('txtDeletedIDs')。值=“”){
document.getElementById('txtDeletedIDs')。value=objReceiptNo.value;
}否则{
document.getElementById('txtDeletedIDs').value+=','+objReceiptNo.value;
}
}
}
HTML代码:
<script type="text/javascript">
var cc = 1;
function addTableRow(jQtable){
var id=cc;
jQtable.each(function() {
var data = "<tr><td class='Arial_4C8966' align='center'><input name='InvoiceDate[]' type='date' class='form-control' placeholder='' style='width:160px' id='InvoiceDate_" + cc + "' size='10' onclick='showData(this.value," + cc + ")'/></td><td class='Arial_4C8966'><input name='Details[]' type='text' class='form-control' style='width:240px' id='Details_" + cc + "' size='10'/></td><td class='Arial_4C8966'><input name='ReceiptNo[]' type='text' class='form-control' style='width:180px' id='ReceiptNo_" + cc + "' size='10' /></td><td class='Arial_4C8966'><input name='Amount[]' class='form-control' style='width:180px' type='text' onblur='copy_data(this);' id='Amount_" + cc + "' size='10' /></td><td class='Arial_4C8966'><input name='Total[]' style='width:180px' class='form-control' type='text' id='Total_" + cc + "' size='10' /></td><td class='Arial_4C8966'><img src='assets/img/pictures.png' style='cursor:pointer; border:0px; width:16px;' onclick='setDeletedID("+ cc +");$(this).parent().parent().remove();' />
var $table = $(this);
var n = $('tr:last td', this).length;
var tds = data;
cc++;
if ($('tbody', this).length > 0) {
$('tbody', this).append(tds);
} else {
$(this).append(tds);
}
});
}
function setDeletedID(itemID){
objReceiptNo=document.getElementById('ReceiptNo_'+itemID)
if(objReceiptNo.value!=''){
if(document.getElementById('txtDeletedIDs').value==''){
document.getElementById('txtDeletedIDs').value= objReceiptNo.value;
}else{
document.getElementById('txtDeletedIDs').value+= ', '+objReceiptNo.value;
}
}
}
</script>
<div class="row clearfix">
<div class="col-md-12 column">
<table class="table table-bordered table-hover" id="dynamicInput">
<tr class="Form_Text_Label">
<td align="center">INVOICE DATE*</td>
<td align="center">DETAILS*</td>
<td align="center">RECEIPT NO*</td>
<td align="center">AMOUNT*</td>
<td align="center">TOTAL*</td>
<td align="center"></td>
</tr>
</table>
</div>
</div>
<div class="col-sm-6">
<input type="button" value="Add" class="frmBtns" onclick="addTableRow($('#dynamicInput'));"
onblur="copy_data(this);" style="font-family: Calibri; font-size: 15px;">
<br>
</div>
发票日期*
细节*
收据编号*
数量*
总数*
请查看修改后的HTML和JS代码。希望它对您有用:
var cc=1;
CalculateGrandTotal();
函数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){
var电流=$(obj);
var currentTr=当前最近的(“tr”);
var currentTotalElem=currentTr.find(“.Total”);
currentTotalElem.val(current.val());
CalculateGrandTotal();
}
//计算总数
函数CalculateGrandTotal(){
var-grandTotal=0;
$(“.Total”)。每个(函数(){
var currVal=$(this.val();
如果(!isNaN(currVal))
{
grandTotal+=parseFloat(currVal);
}
});
美元(“#总计”).val(总计);
}
函数setDeletedID(itemID){
objReceiptNo=document.getElementById('ReceiptNo_U2;'+itemID)
if(objReceiptNo.value!=''){
if(document.getElementById('txtDeletedIDs')。值=“”){
document.getElementById('txtDeletedIDs')。value=objReceiptNo.value;
}否则{
document.getElementById('txtDeletedIDs').value+=','+objReceiptNo.value;
}
}
}
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
th,td{
填充物:5px;
}
发票日期*
细节*
收据编号*
数量*
总数*
总计:
您所说的“我想从中复制两列内容”是什么意思。“。请在您的问题中具体说明。意思是我想将Amount_u.textbox的内容复制到此动态生成的Total_u文本框中,P.S:Amount_u.和Total_u.为两列@用户3477283。好的……但这将是我最后一次回答这个问题。给我点时间,别那么粗鲁。感谢你的时间和努力。太感谢了。现在开始工作了(你运行过代码片段了吗。它运行正常..对吗?如果运行良好,我会要求你盲目复制1)function addTableRow(jQtable)
2)function copy\u data(obj)
3)没有1.9.0/jquery.min.js的整个HTML代码。它会解决你的问题。不要试图通过查看我的答案来让代码正常工作。换个角度看。拉哈德成功了吗?现在不要粗鲁了,拉哈德<代码>:)
。告诉我发生了什么事?这对你有帮助吗。。?