設置輸入字段的值時，它只是短暫出現。

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

當我運行它，結果（就目前而言，單詞「test」）內出現在非常短暫的時刻輸入字段，然後消失。

我錯過了什麼非常簡單和容易的事情？ :-)

非常感謝。

來源

2012-11-28 telex-wap

這是因爲頁面正在提交表單。只需將type="submit"更改爲type="button"或阻止表單提交。

來源

2012-11-28 18:07:32 Prisoner

謝謝！我在錯誤的地方尋找解決方案，沒有意識到這個錯誤...... –

這是因爲你的按鈕是一個<input type="submit />，所以在執行Javascript後，瀏覽器會提交表單。

如果您不希望表單提交，您可以改用<input type="button" />。

或者，您可以將和return false;作爲showscore()之後的電話。這將阻止表單提交。

來源

2012-11-28 18:07:30 MrCode

感謝您的回答！那真的是... –

設置輸入字段的值時，它只是短暫出現。

回答

相關問題