저는 표와 통합된 작은 HTML 양식을 개발 중입니다. 테이블에는 현재 날짜를 기본값으로 표시하는 "이름"이라는 입력 필드가 있습니다. 이것은 첫 번째 행에 효과적입니다. 그러나 동적으로 더 많은 행을 추가하면 새 입력 필드에 기본 날짜 값이 표시되지 않습니다. 현재 코드 설정은 다음과 같습니다.
<본문>
서비스
<일>
">
<스크립트 유형="텍스트/자바스크립트"> // 테이블에 동적 행을 추가하는 스크립트 함수 BtnAdd() { var v = $("#TRow").clone().appendTo("#TBody"); $(v).find("입력").val(''); $(v).find("input").autocomplete({ 소스: 'backend-script.php' }); $(v).removeClass("d-none"); $(v).find("th").first().html($('#Tbody tr').length - 1); } 함수 BtnDel(v) { $(v).parent().parent().remove(); $("#Tbody").find("tr").each(function(index) { $(this).find("th").first().html(index); }); }
동적으로 생성된 필드에 현재 날짜도 기본값으로 표시하도록 하는 방법에 대한 지침이 필요합니다. 제 연구 프로젝트에 도움을 주셔서 진심으로 감사드립니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
문제는 새 행을 동적으로 생성할 때 입력 필드의 값을 빈 문자열로 설정하는 것 같습니다. 이것이 바로 새 줄에 현재 날짜가 표시되지 않는 이유입니다.
BtnAdd() 함수를 수정하여 새 입력 필드의 값을 현재 날짜로 설정할 수 있습니다. 다음과 같이 JavaScript로 현재 날짜를 얻을 수 있습니다.
new Date().toISOString().split('T')[0].한번 살펴보세요:
으아악