У меня есть небольшой код, который перемещает элементы списка из одного списка в другой список. Код работает в IE8, но не IE10 или хром. После события onclick элементы списка перемещаются из списка слева направо, но затем, страница кажется, страница автоматически обновляется.Javascript AppendChild autorefreshes form
Если я удалю тег, тогда код работает, но мне нужен тег. Как остановить 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>
Какой тэг вы добавляете/удаляете? – Rytis