동적으로 HTML 양식에 추가 입력란을 추가하십시오.

현재 HTML 및 PHP 프로젝트를 작성 중입니다. 내가 할 수 있기를 원하는 것은 스크린 샷을 선택하기위한 파일 선택기가있는 html을 갖는 것입니다. 파일 선택 도구 옆에는 사용자가 다른 필드를 추가 할 수있는 버튼/링크가 있습니다. 사용자가 버튼이나 링크를 클릭하면 다른 필드를 첫 번째 필드 밑의 양식에 추가하기를 원하면 사용자는 버튼/링크를 다시 누르면 다른 필드가 모두 추가됩니다. 그런 다음 양식이 제출되면 양식에 추가 된 모든 파일을 포함하여 모든 입력 필드의 값을 가져옵니다.동적으로 HTML 양식에 추가 입력란을 추가하십시오.

이것을 달성하는 가장 좋은 방법은 무엇입니까? 나는 javascript 및/또는 jquery가 관련되어있을 수 있다고 가정합니다.

도움을 주셔서 감사합니다.

UPDATE 나는 그것을 할 방법을 발견하지만 난 그것을 페이드하거나 부드럽게 아래 양식의 나머지 부분을 밀어 수 있도록하는 방법을 대신 궁금 해서요. div 안에 필드를 추가하고이 div 안에 입력 필드를 표시하는 javascript를 완성했지만 그냥 나타납니다. 대신 화면에 깜박이는 대신 애니메이션이 부드럽게 사라 지길 원합니다. 아래는 내가 입력 필드

<script> 
     function addFields() 
     { 
      document.getElementById("screenshotFields").innerHTML += "<input class=\"fields\" type=\"file\" name=\"filScreenshot[]\" />"; 
     } 
    </script>

출처

2011-09-04 Boardy

체크 아웃 http://stackoverflow.com/questions/978708/jquery-append-fadein 내 질문에 @ott 코멘트에서였다 - jquery.js에게 –

덕분에이를 포함하도록 요구 위대한 일을했다. – Boardy

대답은 또 다른 유래 질문

출처

2011-09-09 22:58:03 Boardy

당신이 원하는 뭔가를 추가하는 데 사용한 자바 스크립트입니다 this tutorial 전화 '여러 파일 업로드 매직'.

출처

2011-09-04 21:22:19 Daan

동적으로 HTML 양식에 추가 입력란을 추가하십시오.

답변

관련 문제