生成JavaScript輸入「表」，它爲什麼重新加載生成？

怎麼了？我已經創建了代碼並且它可以工作，但是由於某些特殊原因，我不知道它會在它停止生成「表」時重新加載，並且我失去了生成的代碼。生成JavaScript輸入「表」，它爲什麼重新加載生成？

這裏的標記

<body> 
    <form action="" name="calculadora"> 
     <p> 
      ¿De qué tamaño quieres el determinante? (<span style="font-weight:bold;font-size: 20px">n</span>x<span style="font-weight:bold; font-size:20px">n</span>) 
      <input type="text" name="number" size="2"> <button onclick="generate()">Generar cuadrícula</button> 
     </p> 
     <div id="determinante"> 

     </div> 
     <button onclick="">Caclular</button> 
     <div id="resultado"> 
      <output name="result" for="determinante" style="background='red';"></output> 
     </div> 
    </form> 
    <script src="calculate.js"></script> 
</body>

然後JS代碼：

function generate(){ 

var number = document.calculadora.number.value, 
    determinante = document.getElementById("determinante"); 


function generarDeterminante(number) { 
    for (var i = 0; i < number; i++) { 
     for (var j = 0; j < number; j++) { 
      var input = document.createElement("div"); 
      input.innerHTML = "<input type='text' style='display:inline' name='x"+i+j+"' size='4'>"; 
      determinante.appendChild(input); 
     } 
     determinante.innerHTML += "<br>"; 
    } 
} 
generarDeterminante(number); 
}

這是煩人的，相信這是一個愚蠢的和小的問題，但我不知道如何找到它.. 。

來源

2015-01-26 Suzamax

Buttons inside of a form are typed by default to be submit。確保單擊該按鈕不會通過將其作爲按鈕輸入來提交表單提交。

<button type="button" onclick="generate()">Generar cuadrícula</button>

來源

2015-01-26 18:57:27

查看取消點擊操作是否有助於停止刷新頁面。

<button onclick="generate(); return false;">

理想情況下，你會用的preventDefault停止行動，但return false作品一樣好。

來源

2015-01-26 18:53:08 epascarello

或者將類型從'submit'（默認值）更改爲'button' – Andreas 2015-01-26 18:56:56

生成JavaScript輸入「表」，它爲什麼重新加載生成？

回答

相關問題