Question

jsでテキスト・ボックスのコードと動的コードを記述しています。私はこのコードを実行している間にクロームの問題に直面していますが、このコードはFirefox上で正しく動作していますので、このコードに関するいくつかの提案をお願いします。テキストボックス用

1. HTMLコード

   <td><input class="form-control" required type='text' id='productname_1' name='productname[]'/></td> 
   <td><input class="form-control" readonly="" required type='text' id='price_1' name='price[]'/></td> 
   <td><input class="form-control" required type='text' id='quantity_1' name='quantity[]'/></td> 
   <td><input class="form-control" readonly="" required type='text' id='total_1' name='total[]'/> </td> 
   

2. テキストボックス

   <td><input class='form-control productname12_"+i+"' required type='text' id='productname_"+i+"' name='productname[]'onchange='myFunction()'/></td> <td><input class='form-control' readonly type='text' id='price_"+i+"' required name='price[]'/></td><td><input class='form-control' type='text' required id='quantity_"+i+"' name='quantity[]'/></td><td><input class='form-control' readonly type='text' required id='total_"+i+"' name='total[]'/></td> 
   

3. JSコードのDymamic HTMLコード

   function myFunction() { 
        var x = document.getElementById('productname_'+j).value; 
        //alert(x); 
        $.ajax({ 
           type:"POST", 
           url:"addplaceorder/getproductprice", 
           data:{'name':x}, 
           cache:false, 
           success:function(html){ 
            //alert(html); 
            //alert('#price_'+k); 
            $('#price_'+k).val(html); 
           } 
          }); 
   
         $('#quantity_'+j).change(function(){ 
          var val = $(this).val(); 
          var price = $('#price_'+k).val(); 
          //alert(name); 
          var total = (val* price); 
          //alert(total); 
          totalamount = totalamount+total; 
          //alert(totalamount); 
          $('#total_'+k).val(total); 
          $('#showtotal').text(totalamount); 
         }); 
   
         $('#quantity_'+j).keypress(function (e) { 
         if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) { 
          //display error message 
          //$("#errmsg").html("Digits Only").show().fadeOut("slow"); 
            return false; 
          } 
         }); 
   
        j++;k++; 
       }    
   

Answer 1

は、従って、これは、値が定義されていない、問題

var x = document.getElementById('productname_'+j).value; 

変数jが初期化されていないかもしれません。私はidが "productname_undefined"の要素がないと仮定します。したがって、未定義の要素から値を読み取ろうとすると、エラーが発生します。 "未定義のプロパティ値を読み取ることができません"のようなもの

PS：alert()ではなくdebuggerステートメントを使用する方が良いです。