Question

我确信我在这里缺少一些基本部分，但看看我非常简单的代码：

<html>
<head>
<script>
function showscore(){

var score = document.createTextNode("test");
var placeholder = document.getElementById("field");
placeholder.value = score.nodeValue;

}
</script>
</head>
<body>
<form>
<input type="text" id="field"/>
<input type="submit" value="Show score" onclick="javascript:showscore()" />
</form>
</body>
</html>

当我运行它时，结果（暂时，单词“test”）出现在输入字段内一段很短的时间然后消失。

我错过了什么极其简单易行的事情？： - ）

非常感谢。

Answer 1

这是因为您的按钮是<input type="submit />，因此在执行Javascript后，浏览器会提交表单。

如果您不希望提交表单，可以使用<input type="button" />代替。

或者，您可以在submit电话后将其保留为return false;和showscore()。这将阻止表单提交。

Answer 2

那是因为页面正在提交表单。只需将type="submit"更改为type="button"或阻止表单提交。

设置输入字段的值时，它只会出现一小段时间。

2 个答案: