![](/img/trans.png)
[英]How to add HTML contents Dynamically on Button Click Event with AngularJS
[英]Stop refresh on dynamically loading html contents on a button click
我有一個HTML頁面,在其中使用JavaScript動態加載Button Click上的內容。 這將加載我的整個頁面,從而導致以前的表單條目丟失。 如何避免這種情況? 如何保留價值並停止刷新?
您可能需要在javascript函數處理程序中返回false。 您可能還希望研究event.preventDefault。
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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.