Javascript AppendChild 自动刷新表单
Javascript AppendChild autorefreshes the form
我有一个小代码,可以将列表项从一个列表移动到另一个列表。 该代码在IE8中工作,但不能在IE10或chrome中工作。 onclick 事件后,列表项从左列表移动到右列表,但随后,页面似乎会自动刷新。
如果我删除标签,那么代码就可以了,但我需要标签。 如何停止 javascript 以在发生 onclick 事件时不刷新页面。 我尝试了其他帖子中提到的一些解决方案,但没有一个奏效。 如果您能在这方面帮助我,请不胜感激。 我不想发布所有代码。因此,我为此创建了一个示例页面。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Test</title>
<script>
function AppendList()
{
//event.preventDefault(); I also tried AppendList(event)
var node = document.getElementById("batchReportLists0").lastChild;
document.getElementById("batchReportLists1").appendChild(node);
alert("Added Last Item");
//return false;
//window.onbeforeunload = function(){
//return "Refresh";
}
</script>
</head>
<body>
<form name="batchReportForm" enctype="multipart/form-data">
<table style="text-align: left; width: 100%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<select multiple="multiple" size="15" name="T1"
class="bodyText" id="batchReportLists0">
<option>Msg1</option>
<option>Msg2</option>
</select>
</td>
<td> <button onclick="AppendList();">
>>> </button>
</td>
<td>
<select multiple="multiple" size="15" name="T2"
class="bodyText" id="batchReportLists1">
<option>Msg3</option>
<option>Msg4</option>
</select>
</td>
</tr>
</tbody>
</table>
<br>
</form>
</body>
</html>
让它成为
<button type="button">Button</button>
默认情况下,<button>
充当提交。
相关文章:
- Jquery提交表单而不刷新
- 单击表单中的按钮会导致页面刷新
- 停止刷新表单,但要发布
- 如何刷新表单的yii2前端验证
- 刷新<表单>送审不起作用
- 阻止 jquery 移动刷新表单提交
- Javascript AppendChild 自动刷新表单
- 我需要刷新表单,但仍然保持复选框的值不变
- CRM 2013:刷新表单或通过浏览器的后退按钮向后导航时出现奇怪的行为
- 如何在表单提交到_blank后刷新表单页面
- CRM 2013:保存后强制刷新表单
- 停止刷新表单
- 使用jQuery Mobile刷新表单页面
- 如何停止随机生成的数字从刷新表单提交
- 提交parse.com后刷新表单
- 提交后,刷新表单页面上的感谢信息
- 在提交时停止自动刷新表单
- 刷新表单结果而不刷新页面
- 在不刷新表单的情况下调用锚链接单击事件上的标记库
- 刷新表单提交不工作