javascriptを使用して1つのテーブルから別のテーブルに入力した値を渡す

Question

ユーザが追加をクリックすると入力された値をテーブル2に渡したい場合、その数量が2番目のテーブルに追加されます。 [追加]ボタンをクリックすると、空の値として数量が表示されます。しかしコンソールではなく、入力された数量を表示します quantityは同じ名前で、quantityEnteredは同じ名前です。要素を調べると、値が入力されます。

"quantityEntered": <input type="text" id="CLT-K809S/SEE_quantity" name="quantityEntered" class="form-control" onkeypress="return isNumber(event)" readonly=readonly value="1" /> 

...新しいテーブルのすべての行に適用されます。ここで

は私のコードです：

function saveEneteredQuantity() { 

    var quantity; 
    var quantityName; 
    var getEnteredQuantity; 
    var enteredQuatity; 
    var getIndex; 
    var textvalue = ""; 

    quantity = document.getElementsByName("quantity").length; 
    quantityName = document.getElementsByName('quantity').value; 
    console.log("Count the lenght of the input textbox on the HO Stock : ", quantity); 
    document.getElementsByName("quantityEntered").value = quantityName; 
    getEnteredQuantity = quantity; 
    for (var i = 0; i < quantity; i++) { 
     textvalue = textvalue + document.getElementsByName("quantity").item(i).value; 
    } 
    $('[name="quantity"]').each(function(index) { 
     getIndex = $(this).val(); 
     enteredQuatity = $('[name="quantity"]').eq(index).val(); 
    }); 
    quantity = textvalue; 
    alert("This was provided: ", quantity); 

    debugger; 
    console.log("Check the grapped quantity on table of Selected Line Items to Order : ", quantity); 
    if (quantity == '' || quantity == 0) { 
     alert("Quantity can not 0.\n Please enter quantity which is less than available quantity"); 
    } 
    console.log("Entered Quantity: ", quantity); 
} 

var items = [{ 
    "avalaibleQty": '<input type="text" id="CLT-C659S/SEE_avaliableQuantity" name="avaliableQuantity" class="form-control" readonly="readonly" value="1">', 
    "quantityEntered": '<input type="text" id="quantityEntered" name="quantityEntered" readonly="readonly" class="form-control" />', 
    "quantity": '<input type="text" id="quantity" name="quantity" class="form-control" onkeypress="return isNumber(event)" onblur="compareQuantity(this, 1)" required="required" value="" />', 

}] 

Answer 1

私が最初に私は、ユーザーがクリックするボタンを追加するとき、私は自分の入力した数量を保存するために使用し、隠し入力を作成することで、持っていた問題を、解決して作成するために管理しました私の2番目のテーブル。私は入力値を私の隠された入力に割り当ててしまうのです。

<!-- part Number and Quantity Entered --> <input type="hidden"id="quantityList" name="quantityList" class="form-control" value="" />

var quantityList = []; 

    $(".addLineItem").on("click", function() { 

     debugger; 
     var items = []; 
     var row = $(this).closest("tr").clone(); 

     var partNumber = $(this).closest('tr').find('td:eq(0)').find('input').val(); 
     var quantity = $(this).closest('tr').find('td:eq(4)').find('input').val(); 

     quantityList [quantityList.length]= [quantity]; 

     document.getElementById("quantityList").value = quantityList; 

     debugger; 
     items.push(row); 
     row.appendTo($("#mySecondTable")); 
    });