0
我有一个HTML页面,我在其中动态加载按钮上的内容点击使用JavaScript。这会加载我的整个页面,因为之前的表单输入会丢失。 如何避免这种情况? 如何保留值并停止刷新?停止刷新动态加载按钮上的HTML内容点击
我有一个HTML页面,我在其中动态加载按钮上的内容点击使用JavaScript。这会加载我的整个页面,因为之前的表单输入会丢失。 如何避免这种情况? 如何保留值并停止刷新?停止刷新动态加载按钮上的HTML内容点击
您可能需要在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>
请告诉我们您到目前为止所尝试过的... – bitfiddler