我需要在英语/氨基酸代码翻译器中使用表单字段.下面的代码经过简化以显示我遇到的问题.我想使用javascript函数更改一些文本.
如果我使用带有onclick的type:按钮输入,则可以使用.
表单中带有onsubmit的Submit按钮将文本更改一秒钟,然后将其更改回.我需要在翻译程序中使用表格,如何使它起作用?
额外信用:为什么使用onsubmit可以瞬间改变?
<html>
<head>
<script type="text/javascript">
function changeTo(text){
document.getElementById("p1").innerHTML=text;
}
</script>
</head>
<body>
<h1 style="text-align:center;">Change text in an element</h1>
<!--
<form onsubmit="changeTo('Hello World');">
<input type="submit" />
</form>
-->
<input type="button" onclick="changeTo('Hello World');" />
<p id="p1">text</p>
</body>
</html>
解决方法:
由于正在提交表单,因此正在更改它.它张贴在同一页面上,如果您在本地计算机上,它可能是如此之快,您可能不会注意到.尝试:
<form onsubmit="changeTo('Hello World');return false;">
<input type="submit" />
</form>
最后返回false将会停止提交过程.