单击按钮即可停止动态加载html内容的刷新
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>
相关文章:
- .html()不会'页面更改或刷新时无法工作
- datatable append html,但已刷新
- HTML按钮刷新页面而不是将数据发送到数据库
- cookie更改时自动重新加载(自动刷新)html页面
- 如何在页面刷新后保留动态创建的html元素及其数据/值
- ajax html javascript页面刷新无闪烁问题
- HTML 不加载 CSS ,刷新后一切正常.同样在移动设备上,它在首次加载时不起作用
- JavaScript/PHP 刷新取代了 HTML 元素类
- 如何使用javascript刷新我的html页面时清除按钮单击
- 您如何每 15 分钟从服务器刷新和 HTML 页面
- 捕获刷新并将页面更改为index.html
- 在HTML上提交时阻止刷新
- 如何从HTML源刷新/重新加载DataTable
- 将html页面刷新到页面顶部
- 防止在刷新长HTML页面时滚动跳转
- 当我在jquery中修改HTML时,如何刷新对象
- 如何在页面刷新时保持选定/活动的HTML链接颜色
- 在inspect元素上编辑HTML时刷新Chrome DOM
- 使用 jQuery 进行内部 HTML 刷新
- HTML -刷新表单字段-在IE和Phone-android中的不同行为