JQuery - cloning select values ​​dynamic сгенерированные формы

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(), 

гораздо проще анс также мои выбор значения представлены!