2016-09-28 133 views
0

我提到的代碼以及帶有js的文本框的動態代碼。我在運行此代碼時遇到了Chrome中的問題,但此代碼正常運行在Firefox上,所以請給我一些關於此代碼的建議。爲文本框js不是在Chrome上運行,而是在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++; 
        }    
    
+4

您是否在開發者工具控制檯中看到任何錯誤 - 以及您未運行的意思是什麼?什麼都沒有運行?一件特別的事情不起作用?你嘗試過什麼樣的基本調試? –

+0

控制檯錯誤?我認爲唯一可以使它在Chrome上失敗,但不在FF上將是本地協議文件 –

回答

0

這可能是問題

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

變量j沒有初始化,因此,值是未定義的。我想沒有id爲「productname_undefined」的元素。所以當你試圖從那個未定義的元素中讀取值時,你會得到一個錯誤。類似於「無法讀取未定義的屬性值」

PS:最好使用debugger語句,而不是alert();

+0

你會告訴我如何在Chrome上進行調試...... –

+0

我已經聲明瞭j和k變量 –

+0

每個瀏覽器都有一個內置於開發人員的工具中。您可以按F12打開它。 –

相關問題