![](/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.