Uncaught TypeError：querySelectorAllの後で未定義のプロパティ 'value'を読み取ることができません。

Question

JavaScriptを使用していてエラーが発生しました。私はjqueryリピータを使用していくつかの繰り返し可能な製品をキャッチしています。

$(document).on('keyup', '#discount', function(){ 
    var name = $(this).attr('name'); 
    var loopNo = document.querySelectorAll('.count_list .list_repeat').length; 
    var i; 
    var sum = 0; 
    for(i=0;i<=loopNo;i++){ 
     var selling_price = parseInt(document.getElementsByName("sell_products[".concat(i).concat("][selling_price]"))[0].value); 

     var quantity = parseInt(document.getElementsByName("sell_products[".concat(i).concat 
    ("][quantity]"))[0].value); 

     var selling_price_quantity = selling_price * quantity; 

     sum = sum + (selling_price_quantity - parseInt(document.getElementsByName("sell_products[".concat(i).concat("][discount]"))[0].value)); 

} 
    document.getElementById('total_amount').innerHTML = sum; }); 

この

は私が取得したいが、私は 捕捉されない例外TypeErrorを取得しています何のためのコードです：未定義このエラーのプロパティ「値」を読み込めません。私はそれを解決することができません。ここで完全なコードを取得することができます。 https://pastebin.com/tzwu0tsq。誰でも助けてくれますか？

Answer 1

問題を解決します。 forループの情報が間違っているため、このエラーが発生します。

for(i=0;i<loopNo;i++) 

これは0から始まり、1つのdivだけがquerySelectorAllから取得します。ループは1より少なく続ける必要があります。