停止刷新動態加載按鈕上的HTML內容點擊

我有一個HTML頁面，我在其中動態加載按鈕上的內容點擊使用JavaScript。這會加載我的整個頁面，因爲之前的表單輸入會丟失。如何避免這種情況？如何保留值並停止刷新？停止刷新動態加載按鈕上的HTML內容點擊

2013-07-02 maverick

請告訴我們您到目前爲止所嘗試過的... – bitfiddler

您可能需要在JavaScript函數處理函數中返回false。您也可以查看event.preventDefault。

2013-07-02 18:44:03

Below is my code: 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script language="javascript"> 
    var counter=0; 
    function addMore() 
    { 
     ++counter; 
     var string = '<div><table border="1"><tr><td><label>Name</label><input type="text" name="txtName'+counter+'"/></td></tr><tr><td><label>Age</label><input type="text" name="txtAge'+counter+'"/></td></tr></table></div>'; 
document.getElementById("content").innerHTML+=string; 
    } 
</script> 
</head> 

<body> 
<form action="display.php" method="post"> 
    <div id="content"> 
     <table> 
      <tr> 
       <td><label>Name</label><input type="text" id="txtName0" name="txtName0" /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <label>Age</label><input type="text" id="txtAge0" name="txtAge0" /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="button" onclick="javascript:addMore()" /> 
       </td> 
      </tr> 
     </table> 
    </div> 
    <input type="submit" value="display" />`enter code here` 
    </form> 
</body> 
</html>

來源

2013-07-03 12:03:05 maverick

停止刷新動態加載按鈕上的HTML內容點擊

回答

相關問題