-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が実行された後、ブラウザがフォームを送信します。

フォームを送信したくない場合は、<input type="button" />代わりに使用できます。

または、通話後にそのままにsubmitしておくこともできます。これにより、フォームを送信できなくなります。return false;showscore()

于 2012-11-28T18:07:30.440 に答える
1

これは、ページがフォームを送信しているためです。フォームを変更type="submit"するtype="button"か、フォームの送信を禁止してください。

于 2012-11-28T18:07:32.640 に答える