Jquery - 선택 값 복제 동적 생성 양식

Question

동적 생성 양식의 모든 양식 필드를 복제하려고합니다. 이 양식은 하나 이상의 선택 항목을 가질 수 있습니다. 유일한 문제는 사용자가 다른 값을 선택한 후에 선택 항목의 값을 복제 할 수 없다는 것입니다.

//Arguments: "name"s of forms to submit. 
//First argument: the form which according to its "action" all other forms will be submitted. 
//Example: mergeForms("form1","form2","form3","form4")  
function mergeForms() { 
     var forms = []; 
     $.each($.makeArray(arguments), function(index, value) { 
      forms[index] = document.forms[value]; 
     }); 
     var targetForm = forms[0]; 
     $.each(forms, function(i, f) { 
      if (i != 0) { 
       $(f).find('input, select, textarea') 
        .clone() 
        .hide() 
        .appendTo($(targetForm)); 
      } 
     }); 

희망 누군가가이 문제를 도와 줄 수 있습니다

나는 다음 코드를 시도했다.

Answer 1

나는 이것을하기위한 더 좋은 방법을 발견했다. 모든 결합 된 형식의 데이터를 AJAX 게시물로 보내고 싶었 기 때문에 양식을 복제했습니다. 내가 찾은 해결책은 여러 형식의 직렬화를 수행하는 것이 었습니다. 이것은 Jquery에 의해 지원됩니다.

지금 내 코드는 다음과 같습니다

$.ajax({ 
    type: "POST", 
    url: "submitorder.cfm", 
    data: $('#form1, #form2, #form3').serialize(), 

훨씬 쉽게 ANS도 내 선택 값이 제출!