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() {

这是我的全部代码。动态行在添加按钮上生成,在删除图标图像上删除。我想从中复制两列的内容。 这是我的全部代码。动态行在添加按钮上生成,在删除图标图像上删除。我想从中复制两列的内容

JavaScript代码:

<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代码。它会解决你的问题。不要试图通过查看我的答案来让代码正常工作。换个角度看。拉哈德成功了吗?现在不要粗鲁了,拉哈德<代码>:)
。告诉我发生了什么事?这对你有帮助吗。。?