使用javascript將輸入值從一個表傳遞到另一個表

當用戶點擊添加時，我想將輸入的值傳遞給表2，數量將被添加到第二個表中。當我點擊添加按鈕數量顯示爲一個空值。但不是控制檯顯示輸入的數量 quantity是相同的名稱和quantityEntered是具有相同的名稱。當我檢查的元素，我得到的價值輸入...使用javascript將輸入值從一個表傳遞到另一個表

"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="" />', 

}]

來源

2017-08-08 Jay Star

我設法解決我不得不通過創建隱藏輸入，我用它來存儲我輸入的數量，當用戶點擊添加按鈕，這是第一個和創建問題我的第二張桌子。我比廢話輸入的值分配給我隱藏的輸入。

 <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")); 
    });

來源

2017-08-09 14:34:19

使用javascript將輸入值從一個表傳遞到另一個表

回答

相關問題