2012-11-28 4 views
-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> 

는, 결과는 (순간, 단어 "테스트") 안에 표시 입력 필드는 매우 짧은 순간 동안 그리고 나서 사라집니다.

내가 누락 된 매우 간단하고 쉬운 것은 무엇입니까? :-)

고마워요.

답변

1

페이지가 양식을 제출 중이기 때문입니다. type="submit"type="button"으로 변경하거나 양식이 제출되지 않도록하십시오.

+0

고마워! 나는 잘못된 장소에서 해결책을 찾고 있었고 그 실수에 대해 깨닫지 못했습니다 ... –

1

버튼이 <input type="submit />이기 때문에 자바 스크립트가 실행 된 후 브라우저가 양식을 제출합니다.

양식을 제출하지 않으려면 대신 <input type="button" />을 사용할 수 있습니다.

showscore() 호출 후에는 submitreturn false;으로 남겨 둘 수 있습니다. 그러면 양식이 제출되지 않습니다.

+0

답변 해 주셔서 감사합니다. 그게 진짜로 ... –

관련 문제