>  Q&A  >  본문

HTML 테이블은 제출 클릭마다 콘텐츠를 반복합니다.

내 프로그램은 .csv 파일을 가져와서 정보를 읽고 js의 HTML 테이블로 보냅니다. 또한 향후 작업을 위한 입력 필드도 있습니다. 입력된 필터로 전체 테이블에서 데이터를 검색할 수 있습니다.

문제는 양식이 이미 생성된 상태에서 "제출"을 다시 클릭하면 양식이 다시 나타나고 사본이 생성된다는 것입니다(그림 참조)

문제는 커밋 시 복사되지 않도록 하는 방법입니다

.html:

으아아아

.js:

<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Excel Transform Site</title>
      <link rel="stylesheet" href="./excel-transfrom.css">
   </head>
   <body>
      <form id="input-form">
         <input type="file" id="file-choose" apply=".csv">

         <label class="test-input-label">Test Input</label>
         <input type="text" id="test-input">
         <input type="submit" value="Submit" class="submit-button">
      </form><br>

      <table id="data-table"></table>

      <script src="./excel-transform.js"></script>
   </body>
</html>         

P粉706038741P粉706038741240일 전400

모든 응답(1)나는 대답할 것이다

  • P粉384366923

    P粉3843669232024-02-22 16:04:35

    이미 해결책을 찾았습니다

    대신 댓글 섹션에서 replaceChildren方法,但我决定使用
    .innerHTML = ''이미 제안되었습니다

    그래서 제출 이벤트가 발생하면 테이블 내용이 지워집니다. innerHTML = '' 그렇지 않으면

    현재 js 코드는 다음과 같습니다.

    으아악

    회신하다
    0
  • 취소회신하다