-1

我确定我在这里遗漏了一些基本部分,但请看一下我非常简单的代码:

<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>

当我运行它时,结果(目前,“测试”一词)在输入字段中出现了很短的时间,然后消失了。

我错过了什么非常简单和容易的事情?:-)

非常感谢。

4

2 回答 2

1

这是因为你的按钮是一个<input type="submit />,所以在你的 Javascript 执行后,浏览器会提交表单。

如果您不想提交表单,则可以使用 an<input type="button" />代替。

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

于 2012-11-28T18:07:30.440 回答
1

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

于 2012-11-28T18:07:32.640 回答