HTML 및 JavaScript 자동화 된 문서 Onclick 이벤트 후 항목을 지 웁니다.

Question

MS Notepad를 통해 HTML 및 JavaScript로 문서를 자동화하고 있습니다. 지금까지 텍스트 상자 중 하나에 숫자를 입력 한 후에 텍스트, 몇 개의 텍스트 상자 및 버튼이 많습니다. 이 문서는 부분적으로 만 완료됩니다. 그러나 텍스트 상자에 항목을 추가 한 후 버튼을 누르면 모든 항목이 지워 져 있습니다. 나는 이것이 일종의 후백 문제라고 믿는다. 그러나 JavaScript와 함께 Onlick 이벤트를 사용하면 서버 측 명령을 실행하지 않을 것이라고 생각했습니다. 또한 내 문서는 모두 클라이언트 측 코드입니다. 기본적으로 단지 텍스트, HTML 및 현재 하나의 JS 기능입니다.

반복적으로, 버튼의 onclick 이벤트가 실행 된 후 내 TextBox 항목이 지워지는 이유를 알고 있습니까? 또한 OnClick 이벤트는 JS 함수를 실행하는데, 이는 문서에 더 많은 텍스트를 추가하는 IF 문입니다.

고맙습니다,

DFM

Answer 1

당신이있는 경우 <input type="submit"> 양식의 버튼을 누르면 버튼을 누르면 양식이 제출됩니다. onclick 매니저. 이것을 해결하는 방법에는 몇 가지가 있지만 가장 쉬운 방법은 버튼을 다음으로 변경하는 것입니다. type="button", 클릭하는 것을 제외하고는 동일합니다. 아무것도 제출하지 않습니다.

<input type="button" onclick="checkEntries()" />

*다른 솔루션에는 추가가 포함됩니다 return false 너의 ~에게 onclick 핸들러와 마찬가지로 onclick="checkEntries(); return false", 또는 추가 onsubmit="return false" ~로 <form> 요소.