JQuery에서 복제하고 각 고유 ID를 추가하십시오.

Question

사용자가 들어오는 간단한 웹 앱을 만들고 있습니다. 드롭 다운 상자에서 선택하고 텍스트를 입력하십시오. 이 작업이 완료되면 사용자는 결과로 연결된 문자열 (<span>에 표시됨)을 표시하는 "생성"버튼을 눌러 사용자가 복사하여 붙여 넣을 수 있습니다. 나는 문제가없는 한 행을 위해 일하도록했다.

하지만 지금 달성하려는 것은 사용자가 클릭 할 수있는 "행 추가"버튼을 사용하여 위의 행을 복제하는 것입니다. 문제가있는 것은 행이 복제되고 생성 버튼이 클릭되면 복사 된 <span>이 이전 <span>과 동일한 값을 채우는 것입니다.

업데이트 : 그래서 나는 clone() 함수를 JQuery에서 사용하여 그 행을 복사하고 밑으로 보냈습니다. 양식의 ID를 포함하여 복사 된 각 요소에 대한 ID를 변경할 수 있습니까? 즉 그래서이 복사 된 경우, 양식이 "Form1에"라고 호출됩니다에 복사 있다는 것을 내가 가진 무엇

JS 바이올린은 여기에 있습니다 :

http://jsfiddle.net/XJEAn/

업데이트 2 : 기본적으로 나는 뭔가가 필요 this과 비슷하지만 시도한 코드가 있습니다!

Answer 1

내가 고유 ID의에게 새로운 형태를 제공하기 위해 바이올린을 업데이트 한

http://jsfiddle.net/zq3AN/

아마 정확하게 완벽하지,하지만 당신이 올바른 방향으로 가야한다.

var uniqueId = 1; 
$(function() { 
    $('.addRow').click(function() { 
     var copy = $("#original").clone(true); 
     var formId = 'NewForm' + uniqueId; 
     copy.attr('id', formId); 


     $('#campaign').append(copy); 
     $('#' + formId).find('input,select').each(function(){ 
      $(this).attr('id', $(this).attr('id') + uniqueId); 

     }); 
     uniqueId++; 
    }); 
}); 

기본적으로 양식을 복사하고 ID를 변경 한 다음 div에 추가합니다. 모든 입력 양식을보고 동일한 uniqueId 매개 변수를 선택하여 ID에 추가합니다.

Answer 2

jQuery clone() function을 사용하여 "행 추가"기능을 구현할 수 있다고 생각합니다.

각 새 행에 고유 한 ID를 부여한 마지막 예제를 확인하십시오.